我正在尝试制作一个用CSS和Javascript打印的游戏原型，但当打印选项卡打开时，图标会失去颜色

Question

我使用像?，?和?这样的图标，但当我尝试打印时，它们总是失去颜色，我使用：

 @media print  {
    .game-card-reactions {
      -webkit-break-inside: avoid;
      break-inside: avoid;
      -webkit-print-color-adjust: exact!important; 
    }
}

对卡片上的颜色有效，但对图标无效...Actual Desired

因为卡片侧面的颜色编码，所以颜色很重要

Answer 1

这段代码适用于大多数关于打印颜色的情况

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