html - Print CSS 中的图标不保留颜色

Question

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

我已经尝试使用以下方法来防止这种情况发生，但它不起作用:

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

任何帮助将不胜感激。

Answer 1

在 Bootstrap media print 中有如下规则:

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

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