使用CSS设置Chrome打印背景色

以下内容适用于Chrome浏览器

打印背景色可以通过在打印预览页面勾选背景图形实现

如果需要在用户不勾选的情况下依然能够打印背景色,可以通过css实现,如,table隔行设置背景色:

1 .data-table tr:nth-child(2n + 1) > td {
2   background: #f2f2f2;
3   -webkit-print-color-adjust: exact;
4 }

或者直接为body设置样式:

1 @media print {
2    body {
3       -webkit-print-color-adjust: exact;
4    }
5 }

 

posted @ 2019-03-27 14:41  绿皮儿橘子  阅读(1710)  评论(0编辑  收藏  举报