css - 打印 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

检查这个小提琴

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

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

Answer 2

一个有点老的话题，但这可能与网络安全颜色有关。这是它们的列表，但由于缺少打印机，是否会有任何差异，尚未对其进行测试。