<mark> HTML-тег не работает при отображении HTML в pdf

Я генерирую PDF из HTML-страницы. Тег html работает нормально на html странице, но когда я рендеринг в pdf, тег mark не работает, но другие css и html тэги работают нормально.

Мой HTML-код выглядит так

<!DOCTYPE html>
<html>
<head>
<title>Report</title>
<style>
div.long-text{
 max-width:100%;
 word-wrap: break-word;
 padding: 1rem;
 }
html, body {
    max-width: 100%;
}
p {
  word-wrap: break-word;
}
body, input {
  margin: 5;
  font: .9em Verdana, 'Lucida Grande', Geneva, Lucida, sans-serif;
  }
</style>
</head>
 <body>
<div>
  {% for i in text %}
  {% if i.0 == '0'%}
       <mark>{{i}}</mark>
    {% else %}
      {{i}}
     {% endif %}
    {% endfor%}
</div>
</body>
</html>

Вывод выглядит так:

Снимок экрана с выводом

Пожалуйста, помогите выяснить решение.

Источник

1 ответ

Решение

Вы можете чередовать markВместо знака вы можете использовать <span>

<span>{{ i }} </span>

Тогда в части CSS

span { 
  background-color: yellow;
  color: black;
}
Источник
Другие вопросы по тегам