使用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 }

 

转载于:https://www.cnblogs.com/zoex/p/css-print.html