背景颜色未显示在打印预览中

背景颜色未显示在打印预览中

Chrome CSS属性

-webkit-print-color-adjust: exact;

可以正常工作。

但是，确保您拥有正确的CSS进行打印通常很棘手。可以做几件事来避免您遇到的困难。首先，将所有打印CSS与屏幕CSS分开。这是通过

@mediaprint

和完成的

@media screen

。

通常，仅设置一些额外的

@mediaprint

CSS是不够的，因为在打印时您仍然包括所有其他CSS。在这些情况下，您只需要了解CSS的特殊性，因为打印规则不会自动与非打印CSS规则抗衡。

在您的情况下，

-webkit-print-color-adjust: exact

可以正常工作。但是，您

background-color

和颜色的定义已被其他具有更高特异性的CSS击败。

尽管我几乎在任何情况下 都 不赞成使用

!important

，但以下定义可以正常工作并暴露问题：

@media print {    tr.vendorListHeading {        background-color: #1a4567 !important;        -webkit-print-color-adjust: exact;     }}@media print {    .vendorListHeading th {        color: white !important;    }}