Chrome: print preview differs from CSS media print simulations

I had a problem printing my page in Chrome 26, where tables with a gray background are displayed. When I view a page in chrome using simulated CSS printing, it looks great in browser

when printing

When printing in Safari, everything works fine. Does anyone know how to fix this problem?

+6
source share
2 answers

Here is the solution: Add this to your css print

* {transition: none !important} 

See: http://wisercoder.com/print-preview-significantly-different-inspector-chrome/

+5
source

You can try -webkit-print-color-adjust:exact; , which overrides the setting in which Chrome removes background colors. This may solve your problem.

0
source

Source: https://habr.com/ru/post/944916/


All Articles