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

检查这个 Fiddle

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

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