Firefox不打印白色

Question

我有一个页面，我打印的是<h2>白色。

当我尝试以其他颜色（如红色，绿色，蓝色等）打印<h2>时，它会正确打印（正确的颜色），但是当我添加代码以白色打印时，它会更改并以黑色打印

＆＃13;

＆＃13;

.text-container {
  position: relative;
}

.text {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #000000 !important;
  opacity: 0.5;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

h2,
h3 {
  color: #ffffff !important;
  margin: 0.05208in;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

＆＃13;

<div class="text-container">
  <div class="text-center text">
    <h2>Som Text</h2>
    <h3>Some more text</h3>
    <h3>Some more text</h3>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

这是我的代码。 即使我使用简单的<p>标记测试文本，它也反映了同样的问题。它完美适用于铬。

Answer 1

同时为-webkit-print-color-adjust添加！important。这应该适用于所有的firefox，把它放在像这样的@media打印中......

@media print {
  h2, h3 {
    color: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    }
}

如果你想要确切的颜色，你应该在打印机，外观和打印背景颜色中检查它，默认情况下它是关闭的，查看图像，这对我有效，在打印机窗口设置中检查如下：