以下內容適用於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 }