Как сохранить цвет фона ячейки таблицы Bootstrap с границей при ее печати (без важного?

Когда используются классы 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>

person user7617    schedule 23.11.2015    source источник
comment
попробуйте установить media=all в ссылке на таблицу стилей   -  person Lucky Chingi    schedule 24.11.2015


Ответы (2)


.table-bordered>tbody>tr>td {
background-color: green;
}

Попробуй это

person Jon    schedule 24.11.2015

medial=all — это еще один вариант, который вы можете использовать

@media print медиа-запрос в вашем CSS-файле.

person Community    schedule 24.11.2015