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

标签 html css firefox printing font-awesome

在 Firefox 中,当我按 Ctrl+p 以 Red Color 打印内容 Thumb 图标时,Thumb 图标打印在 中黑色,你能帮帮我吗?

@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>

最佳答案

我没有要测试的彩色打印,但基于规范。你能试试改成这个吗

@媒体打印{ * { -webkit-print-color-adjust:准确; 打印机颜色:准确!重要; 颜色调整:准确!重要; } }

引用:https://wiki.csswg.org/ideas/print-backgrounds

支持:Chrome、Firefox、Safari

关于html - 当我们按 Ctrl+P 时,CSS 的内容颜色在 Firefox 打印机上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52421374/

相关文章:

jquery - Div 出现在 jquery.innerfade.js 的图像后面?

html - 如何使这个 div 不通过右侧的另一个?

javascript - Bootstrap Accordion 图标不会动态变化

javascript - 在框内随机显示圆圈

php - child 主题停止工作

javascript - CORS GET 在 Firefox 中返回一个空的响应主体

php - 即使 post 请求完成后,Firefox 仍显示等待光标和 "loading.."

Python 3 图像 base64 不保存到 html img 标签

html - 为什么在不需要时设置相对位置

FireFox 中的 javascript 数组