Javascript 引导打印覆盖CSS

正如这里已经讨论过的：

我还没有弄明白，如何得到我的实际文本颜色。我想让一个div只显示在print上，引导类print可见，工作正常，但是预览中所有的颜色都丢失了

---

如果我添加媒体打印CSS，它会执行它应该执行的操作，但我希望文本颜色不是CSS设置的颜色。

根据注释编辑：

您可以添加

！重要信息

以两种方式使用JavaScript的

style.setProperty（）

方法：

Pure JS:

document.getElementById（）

jqueryhybrid:将其包装在jQuery的

中。each（）

以下两个例子：

$（'#filePrintPreview'）.html（“测试”）；
//方式1：纯JS示例
document.getElementById（'filePrintPreview'）.style.setProperty（'color'，'red'，'important'）；
//方式2：包装在jQuery的each（）示例中
$（'h3'）。每个（函数（）{
this.style.setProperty（'color'，'#12FF12'，'important'）；
});
@媒体打印{
.测试{
背景色：#1a4567！重要；
-webkit打印颜色调整：精确；
}
}

标题
印刷品
您的打印机设置是否设置为允许打印背景色和图像？是。如果我从JSFIDLE中删除引导cdn，它将以文本颜色打印！显然，重要的方法是有效的。但这并不是我所需要的。我让用户为打印文本选择一种颜色。我可以设定时间吗！通过jQuery的重要标记？DrDreo，是的，您可以，但是通过上面编辑的JS，希望对您有所帮助。您好。我从来没有想过设置颜色！以那种方式进口。非常感谢你。虽然设置！重要的是一个痛苦，我只需要一个部门被打印的颜色。这就是它的工作原理。
@media print {
  .test {
    background-color: #1a4567 !important;
    -webkit-print-color-adjust: exact; 
  }
}