上一篇有講到如何在瀏覽器端實現打印功能。後面發現有個問題，就是表格表頭有背景顏色，但是實際打印出來無背景顏色。網上的方法主要有以下幾種實現方式：

1.把背景顏色寫成行內樣式，如下圖所示：

但是發現這樣子寫了，並不行。可能還需要設置其他的，如果有知道的親，望不吝賜教~

2.在打印的時候用戶自己設置，如下圖：

該方法雖然奏效，但是出於用戶體驗的角度考慮，不太現實。

3.直接用CSS 控制，此法有效，簡單~直接上代碼：

@media print {
    .receipt-print .table th {
        background-color: #f1f4f7 !important;
        -webkit-print-color-adjust: exact;
    }
}

@media print 是針對於打印媒體的。

-webkit-print-color-adjust屬性不是個標準屬性，具體的含義，使用方法可訪問https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust。

用 CSS 實現打印顯示底色