灰色字体彩色印刷

Question

有没有办法确保我的灰色字体颜色不会变黑？

Firefox和Chrome似乎这样做是为了防止黑色背景上的白色文字变成白色白色.我没有背景颜色(白色除外),因此这种浏览器级别的转换没有用,它只能帮助防止灰色无缘无故.

有没有办法把它关掉？或者我应该坚持使用不透明度,浏览器检测和着色我的灰色等技术......

Answer 1

解:

  @media print {
      h1 {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0 0 0 #ccc;
      }

      @media print and (-webkit-min-device-pixel-ratio:0) {
        h1 {
          color: #ccc;
          -webkit-print-color-adjust: exact;
        }
      }
   }

Answer 2

我发现不得不:

1. 添加!important到css规则... 并...

2. 在Firefox打印对话框中,勾选"外观:打印背景颜色"选项

我无法让它在Chrome中运行.