【发布时间】：2018-03-22 05:49:11
【问题描述】：
我遇到了 Chrome 的问题，我的页面上的某些文本框以灰色填充打印，即使它们在正常查看页面时是白色的。我已经尝试使用-webkit-print-color-adjust:exact;，正如我在 Chrome 中看到的其他一些打印问题一样，但这并没有帮助。我也注意到它有些不一致。例如，当我打印this jsfiddle 的整页时会发生这种情况，但当我打印just the result 时不会发生这种情况。
这只发生在 Chrome 中，而我尝试过的其他浏览器（IE 和 Firefox）都没有。
我真正弄清楚的唯一一件事是它以某种方式与文本框的边框相关联，因为它打印的颜色似乎与（大部分）边框颜色相同。但即使这样也有些不一致，因为它似乎并不总是连接到同一个边界。
谁能帮我理解（并希望能解决）这个问题？
编辑：为了澄清，我希望从 html/CSS 的角度进行修复。这个问题也发生在办公室的其他人和受影响页面的一些用户身上，这不仅仅是我自己机器的问题。虽然，同样，它似乎在谁受其影响方面不一致。
编辑 2：Here 是最终结果（带有灰色框）的 pdf 格式
其中的一个片段是：
【问题讨论】：
-
只需使用实用程序仔细检查以获取颜色。它的颜色代码 (#696969) 与我在问题中链接的小提琴中的文本框的边框相同。
-
您是否尝试在违规元素上设置
background-color: white;？ -
不知何故我还没有想过要尝试这个（也许是想用斑马而不是马），但它也没有帮助。
-
非诺诺诺！ #696969 是我得到的灰色。正确打印的文本框（白色）仍然是#FFFFFF，因为它们应该是。
-
@media print规则是否应用于某些元素？也许在不同的 CSS 文件中？我认为 Chrome 开发人员工具中有一些地方可以设置要打印的媒体，以便您可以更轻松地检查。
标签： html css google-chrome