js 調用瀏覽器打印時無法通過 css 設置背景

js 調用瀏覽器打印時無法通過 css 設置背景

項目中使用 after 和 before 以及 border-bottom 模擬了一個有三行下劃線的輸入文本框，當調用 window.print 之後，after 和 before 的背景無法渲染，導致只有最下面一行下劃線

解決方式：

在 after 和 before 的父元素的樣式中添加 -webkit-print-color-adjust: exact;

 

注意：項目中使用的是 Chrome 瀏覽器