Chrome: Print preview differs from simulate CSS media print

html css google-chrome printing print-css

Here is the solution:Add this to your print css

* {transition: none !important}

html css google-chrome printing print-css

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

CodeHunter