如何用CSS覆盖各种浏览器的打印首选项？
如何用CSS覆盖各种浏览器的打印首选项？
提问于 2019-11-06 08:40:01
我有以下CSS：
@@media only print {
@@page {
size: A4 landscape !important;
margin-top: 0mm !important;
margin-bottom: 0mm !important;
}
#tblPrint tbody tr:nth-child(even) {
background-color: #ededed !important;
}
* {
-webkit-print-color-adjust: exact !important;
}
}问题如下：
- @
- @page属性并不会在所有浏览器上生效，默认浏览器的打印首选项也会生效，即：(Chrome: A4/
- )，(边缘:A4/肖像)，(IE: A4/肖像)，甚至当我将size属性翻转到size: A3！重要；同样的默认浏览器的打印首选项继续生效。当我使用“-webkit-打印-颜色-调整”时，即使从浏览器的打印首选项中关闭“背景图形”功能，背景色属性也在Chrome上生效，但是，除非我从浏览器的打印首选项中打开“打印背景颜色和图像”功能，否则它不会在IE上生效，因为边缘浏览器无法使背景颜色CSS属性生效。
。
我需要的解决方案是强制我的CSS指定的属性覆盖浏览器的打印首选项，而不需要用户指定纸张大小、方向和检查所有浏览器的浏览器打印首选项中的“背景图形/打印背景颜色和图像”，请帮助！
回答 1
Stack Overflow用户
发布于 2019-11-06 09:47:22
添加样式表的底部
css
@media print {
body{ background-color:#000;}
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58726057
复制相关文章
相似问题
腾讯云开发者
