打印中的图标 CSS 不保留颜色

Question

我有一个基于 bootstrap 的文件，其中有一些特定于打印的 CSS，但 none 会影响字形图标。我有一些图标需要在打印时保持彩色，但它们显示为黑色和白色。

我试过使用以下方法来防止这种情况，但它不起作用：

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}

任何帮助将不胜感激。

Answer 1

检查这个：

            @media print
        {
            .title_head
            {
                border: 1px solid black;
                background-color: gray !important;
                -webkit-print-color-adjust: exact; 
            }
        }

对我有用

Answer 2

在Bootstrap媒体打印中有以下规则：

@media print
*, :after, :before {....
    color: #000!important;
   ....
}

这是您必须覆盖才能使字形着色的规则