打印HTML页面时文本颜色不正确

Question

为什么浏览器在打印时会改变文字的颜色？

例如，创建一个包含以下内容的空白HTML文档：

<span style="color: #80b831">test</span>
<button onclick="window.print()">Print</button>

此处示例：http://jsfiddle.net/7z6c2/

span在屏幕上显示color: #80b831，但在打印时（即使只是Chrome中的打印预览）颜色也不同（浅绿色）。

如果我在“打印预览”中勾选Chrome的“背景颜色和图像”选项，则会使用正确的颜色。

这里发生了什么？如何在默认情况下显示正确的颜色？这与“网页安全”颜色有关吗？

Answer 1

选中 Fiddle

您必须对要打印的元素使用-webkit-print-color-adjust

另请点击此处了解有关打印颜色调整的更多信息https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust

Answer 2

有点老话题但仍然可能需要对网页安全颜色做些什么。这是list的{{3}}，但如果由于缺少打印机而存在差异，则无法对其进行测试。