Javascript Firefox不打印白色

Javascript Firefox不打印白色,javascript,html,css,firefox,Javascript,Html,Css,Firefox,我有一个页面,我正在打印一个白色的 当我尝试以其他颜色(如红色、绿色、蓝色等)打印该时,它会正确打印(正确的颜色),但当我添加代码以白色打印时,它会更改并以黑色打印 .text容器{ 位置:相对位置; } .文本{ 位置:固定; 宽度:100%; 底部:0; 背景色:#000000!重要; 不透明度:0.5; -webkit打印颜色调整:精确; 颜色调整:精确; } h2, h3{ 颜色:#ffffff!重要; 余量:0.05208in; -webkit打印颜色调整:精确; 颜色调整:精确;

我有一个页面,我正在打印一个白色的

当我尝试以其他颜色(如红色、绿色、蓝色等)打印该
时,它会正确打印(正确的颜色),但当我添加代码以白色打印时,它会更改并以黑色打印

.text容器{
位置:相对位置;
}
.文本{
位置:固定;
宽度:100%;
底部:0;
背景色:#000000!重要;
不透明度:0.5;
-webkit打印颜色调整:精确;
颜色调整:精确;
}
h2,
h3{
颜色:#ffffff!重要;
余量:0.05208in;
-webkit打印颜色调整:精确;
颜色调整:精确;
}

Som文本
更多的文字
更多的文字

同时添加!重要信息
-webkit打印颜色调整
。这应该适用于所有firefox,将其放在@media print中,如下所示

@media print {
  h2, h3 {
    color: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    }
}
如果您仍然想要精确的颜色,您应该在打印机、外观和打印背景色中检查它,默认情况下,它处于关闭状态,查看图像,这对我很有用,请在打印机窗口设置中检查它,如下所示:


请使用代码片段
h2,h3{color:#fff!important;}
将更好-更少字符:)-更重要的是,如果您在浏览器中检查h2元素,它是否显示被覆盖的样式?当您说“print”时,您是指物理上的吗?还是数字?@evolutionxbox我正在测试该功能,以便在我的Linux机器上以pdf格式保存打印对话框。@Jnana?您已经在代码上打了一个“`”标记。我已经试过了,但效果不太好。那是额外的,你有没有用@media print wrapper在你的代码周围尝试过!重要信息?是的,整个代码都在@media print wrapper中。该代码对chrome非常有效。只在firefox上打印白色时出现问题。好的,我更新了答案,请试试这个,它在MAC for firefox上对我有效是的,它有效。但是我想做一些自动让系统打印颜色的事情。非常感谢。