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

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

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

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

测试
印刷品

示例如下：

span

屏幕上有

颜色：#80b831

，但打印时（即使只是用镀铬打印预览）颜色不同（浅绿色）

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

这里发生了什么事？如何获得默认显示的正确颜色？这与“网络安全”颜色有关吗？

检查此

您必须在要打印的元素上使用-webkit打印颜色调整

---

另外，请查看此处了解有关打印颜色调整的更多信息。这是一个有点老的主题，但这可能与web安全颜色有关。这是其中的一个选项，但尚未测试是否会因为缺少打印机而出现任何差异。

这并不能完全解释为什么如果不使用该选项，颜色会变暗。它不是背景色。只有当您尝试仅使用chrome打印时，才会出现颜色更改问题。。如果不进行打印颜色调整，请尝试使用firefox打印您的页面，然后您可以看到它的工作情况。这仍然不能解释为什么Chrome会这样做。是的，关于背景颜色，当我们选中打印预览中的“背景色和图像”选项时，您可以看到它显示正确的颜色。。所以，这肯定只与背景色有关。@Juhana:+1，虽然这可以作为Chrome的一个解决方案，但它没有提供原因（这是最初的问题）。它对我很有效。您检查过墨盒吗？即使只是在打印预览中，颜色也是错误的。请您在问题本身中，而不仅仅是在小提琴中，包含足够的代码来重现问题。这可能会有所帮助：