CSS @media 打印背景颜色问题；

Question

我正在尝试为我们的应用制作一个可打印的样式表，但我在 @media print 中遇到了 background-color 的问题。

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

其他一切正常，我可以修改边框等，但 background-color 不会出现在打印中。现在我明白，如果没有更多细节，你们可能无法回答我的问题。我只是很好奇以前是否有人遇到过这个问题或类似问题。

Answer 1

要在 Chrome 中启用后台打印:

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

编辑: 对于 Chrome、Safari 和 Firefox:

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