CSS @media print issues with background-color;

Weston Watson picture Weston Watson · Oct 8, 2010 · Viewed 225.8k times · Source

I'm new here at this company and we have a product that uses miles of css. I'm attempting to make a printable stylesheet for our app but I'm having issues with background-color in @media print.

    @media print {
      #header{display:none;}
      #adwrapper{display:none;}
      td {
        border-bottom: solid; 
        border-right: solid; 
        background-color: #c0c0c0;
      }
    }

Everything else works, I can modify the borders and such but background-color won't come through in the print. Now I understand that y'all might not be able to answer my question without more details. I was just curious if anyone had this issue, or something similar, before.

Answer

drolex picture drolex · Feb 9, 2013

To enable background printing in Chrome:

body {
  -webkit-print-color-adjust: exact !important;
}