CSS：在Firefox中打印字体颜色

Question

我正在尝试为打印设置网页样式。我希望字体以原始颜色打印。在Firefox中，打印时字体始终变为黑色。打开“打印背景（颜色和图像）”的设置。

有什么想法吗？

Answer 1

在要打印的元素的css中使用此代码。在你的情况下，这是字体。

-webkit-print-color-adjust: exact;
color-adjust: exact;

-webkit-print-color-adjust有两个值：

• economy（默认值）允许打印机使用默认的省墨功能 模式。

• exact暗示打印机应保留颜色。

Answer 2

我找到了这样的解决方案：

@media print {
      h1 /* or anything else you want to style */ {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0 0 0 #ccc;
      }

      @media print and (-webkit-min-device-pixel-ratio:0) {
        h1 /* or anything else you want to style */ {
          color: #ccc;
          -webkit-print-color-adjust: exact;
        }
      }
}

Answer 3

我成功使用了与Plenarto描述的Firefox 70.0.1类似的解决方案。
但是我需要将颜色设置为透明，以便Firefox将文本打印为白色。

h1 {
    color: transparent;
    text-shadow: 0 0 0px #fff;
}