我正在嘗試使用核心UI框架的卡片組件。當我嘗試打印頁面時，卡片組件和相關圖標的顏色沒有顯示在預覽中。

我嘗試使用打印類(。d-print-*)但是沒有成功。

重現的簡單步驟:

打開https://coreui.io/demos/bootstrap/4.2/free/ 嘗試打印該頁 卡片組件沒有正確呈現。 有什么解決這個問題的方法嗎？

瀏覽器可能有一個默認不打印背景色和圖像的設置。用戶必須專門更改此設置才能看到這些。這是為了防止在色彩濃重的背景上過度使用油墨。

然而，正如這個問題所發現的，這可能意味著打印輸出不夠清晰，或者與屏幕顯示相差太大。

可以設置一個CSS屬性來嘗試解決這個問題: 打印-顏色-調整:精確；

參見MDN

請注意，有些瀏覽器需要-webkit- prefix，而且也不能絕對保證這一點會得到實現。

因此，您可能想考慮幾個其他選項:建議用戶將他們的瀏覽器設置為打印背景，或者創建一個專門用于打印的版本，該版本無需打印背景即可閱讀(例如，具有更強的邊框)。

你甚至可以讓用戶選擇是否使用背景色，這是他們的選擇。