Printing background colours in Chrome

Posted by on Oct 28, 2012 in Design | No Comments

While working on some improved print support for one of my web applications recently, I had an issue with background colour styling not being shown in Chrome’s print view. The solution was a vendor-specific CSS property that I hadn’t previously been aware of:


Setting this property to “exact” in your print stylesheet will mean that Chrome doesn’t strip out any background colour CSS that you may have in your pages when printing. You can apply it to individual classes or elements but for a blanket approach just add the following to your print stylesheet:

* { -webkit-print-color-adjust: exact; }

Leave a Reply