Chrome: Print preview differs from simulate CSS media print

html css google-chrome printing print-css
Christian R picture Christian R · May 13, 2013 · Viewed 8.9k times · Source

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?

Answer

gco picture gco · Feb 19, 2015

Here is the solution: Add this to your print css

* {transition: none !important}

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

Related questions

How to make HTML pages print at a consistent size from Chrome?

I'm designing a set of HTML pages to be printed, and I want elements of the pages to end up the same scale as each other. For example, there's a class of div whose width is defined as 200px wide …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)

I have this problem. Chrome continues to return this error Resource interpreted as stylesheet but transferred with MIME type text/html The files affected by this error are just the Style, chosen and jquery-gentleselect (other CSS files that are imported …

Read More