CODEWITHSUNDEEP
htmlcssgoogle-chromeprintingprint-css
Christian R
Christian R

Reputation: 1563

Chrome: Print preview differs from simulate CSS media print

I am having an issue when I print my page in Chrome 26 where tables appear with grey background colour.

When I view the page in chrome with simulated CSS media print it looks fine

in browser

when printing

When printing in Safari everything works fine. Anyone knows how to fix this issue?

Upvotes: 8

Views: 10237

Answers (2)

gco
gco

Reputation: 1690

Here is the solution: Add this to your print css

* {transition: none !important}

See: https://nicolasbouliane.com/blog/print-preview-significantly-different-inspector-chrome

Upvotes: 7

belens
belens

Reputation: 962

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

Upvotes: 2

Related Questions