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

【问题标题】：Incorrect text colors when printing HTML page打印 HTML 页面时文本颜色不正确
【发布时间】：2013-08-19 02:28:06
【问题描述】：

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

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

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

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

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

这里发生了什么？我怎样才能让正确的颜色默认出现？这与“网络安全”颜色有关吗？

【问题讨论】：

【解决方案1】：

检查这个Fiddle

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

【讨论】：

如果您不使用该选项，这并不能完全解释为什么颜色会关闭。这不是背景颜色。
只有当您尝试仅使用 chrome 打印时才会出现颜色变化问题。没有打印颜色调整尝试使用 firefox 打印您的页面，然后您可以看到它的工作..
这仍然不能解释为什么 Chrome 会这样做。
@Juhana：+1，虽然这可以用作 Chrome 的解决方法，但它没有提供原因（这是最初的问题）。
+1 为 Vikas。默认情况下，Chrome 的属性设置为备用打印机碳粉。允许的值为：economy 与 exact、developer.mozilla.org/en-US/docs/Web/CSS/…

【解决方案2】：

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

【讨论】：