JS打印 - CSS文本颜色不显示

Question

我正在制作HTML＆amp; CSS。目标是在填写后，打印发票。但由于某种原因，它不会打印文本的CSS颜色。所有文字都是黑色的。 所有其他CSS样式都有效，例如font-family，font-size，font-weight ......

这是HTML＆amp; CSS：

这就是印刷品：

使用js window.print();

完成打印

有谁知道为什么CSS颜色不起作用？

编辑： 标题放在标识为'factuur'的表格中：

<td id="factuurTitel">Stukadoorwerken Vanhees Frank</td>

标题有这个CSS：

#factuurTitel {
    font-weight: bold;
    font-size: 30px;
    color: #194197;
    text-align: center;
    vertical-align: middle;
    font-family: 'Carrois Gothic SC', Calibri, sans-serif;
}

我有@media print：

@media print {
    body * {
        visibility: hidden;
    }

    #factuur, #factuur * {
        visibility: visible;
    }

    @page {
        margin: 0;
    }
}

我尝试将#factuurTitel { color: #194197; }添加到@media print。

Answer 1

如果你想要打印样式，JS Print通常只处理html内容，在你的css文件中使用单独的媒体查询打印：

except

Answer 2

#factuur, #factuur * { 
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

这适用于webkit浏览器和最新的firefox更新，否则没有其他已知的解决方案。 我自己也有同样的问题。