Когда используются классы Bootstrap для таблицы и таблицы, как мы можем сохранить фоновый цвет ячейки при ее печати? Если вы визуализируете приведенный ниже код, щелкните правой кнопкой мыши и выберите «Печать…», цвет исчезнет, даже с объявлением «!important». Я полагал, что это будет самый высокий приоритет правила CSS (!important для атрибута стиля), но, похоже, это не так. Я также пробовал класс css в отдельном файле .css, но это тоже не сработало.
Если я использую «-webkit-print-color-adjust: точно», он будет работать с использованием «!important» в теге HTML. Но есть ли способ добиться таких же результатов с помощью классов CSS? В противном случае мне придется распространять «!important» повсюду.
<html>
<body>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<br>
<table class="table table-bordered">
<tr>
<td style='background-color: #ff0000 !important; color: #0000ff;'>Testing</td>
</tr>
</table>
</body>
</html>