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