时间戳

首页 > 解决方案 > 当我们按 Ctrl+P 时，CSS 的内容颜色在 Firefox 打印机上不起作用

html - 当我们按 Ctrl+P 时，CSS 的内容颜色在 Firefox 打印机上不起作用

问题描述

在 Firefox 中，当我按 Ctrl+p 打印内容Thumb图标时Red Color，Thumb图标打印在 中Black Color，您能帮帮我吗？

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

.inner {
  position: relative;
  z-index: 2;
}

#wrap:after {
  content: "\f087";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 40px;
  color: #ff2d00;
  z-index: 1;
}
<HTML>

<head>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div id="wrap">
    <div class="inner">
    </div>
  </div>
</body>

</HTML>

标签： htmlcssfirefoxprintingfont-awesome

解决方案

谢谢大家，我找到了解决方案，实际上我们需要在Firefox的“页面设置”中配置如果我们不设置这些代码，只需勾选“打印背景（颜色和图像）”事件。

@media print {
    * {
       -webkit-print-color-adjust: exact;
        printer-colors: exact !important;
        color-adjust: exact !important;
    }
}

推荐阅读