Если я использую класс Bootstrap table
в таблице, предварительный просмотр печати не отображает цвет фона для tr
.
Мой код
<head>
<!-- All Bootstrap stuff ... -->
<!-- My custom style -->
<style type="text/css">
@media print {
.bg-danger {
background-color: #f2dede !important;
}
}
</style>
</head>
<body>
<div class="bg-danger">
<td>DIV</td>
</div>
<table class="table">
<tr class="bg-danger">
<td>TR 1</td>
</tr>
<tr class="danger">
<td>TR 2</td>
</tr>
<tr style="background-color: #f2dede !important;">
<td>TR 3</td>
</tr>
</table>
</body>
На экране все красное, но при предварительном просмотре только элемент div
красный.
Если я удалю класс table
, все будет работать (за исключением того, что мне нужен стиль таблицы).
Моя конфигурация: IE11 и Windows 7.
Есть ли уловка для печати цвета фона?
Примечание. Указанный дубликат (проблемы с печатью CSS @media с фоновым цветом;) здесь не проблема, мои настройки для печати цветов фона. Кроме того, я могу напечатать цвет для нескольких других элементов.
Ответ:
Благодаря комментариям @Ted, я переопределил стиль td
для класса table
:
<style type="text/css">
@media print {
.bg-danger {
background-color: #f2dede !important;
}
.table td {
background-color: transparent !important;
}
}
</style>