html - 灰色字体彩印

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;
        }
      }
   }