Chrome 打印到带有背景颜色的 PDF答案

【问题标题】：Chrome print to PDF with background colorsChrome 打印到带有背景颜色的 PDF
【发布时间】：2015-06-10 17:00:39
【问题描述】：

我有基于 Bootstrap 和 Flat UI css 的页面，我想打印它（保存为 PDF）。

但它不能打印标题颜色和进度条颜色。我在那里看过教程，但没有用。

【问题讨论】：

【解决方案1】：

看起来Bootstrap css 中的以下代码 sn-p 导致了这个问题，我刚刚为我的删除了它。

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; // Black prints faster: h5bp.com/s
        box-shadow: none !important;
        text-shadow: none !important;
    }

【讨论】：

这很有帮助。我在寻找为什么我的浏览器不打印任何背景颜色。我几乎不知道我的问题是由 Bootstrap“重置”/“规范化”样式引起的。
确实很有帮助。由于打印 css 很难在浏览器中调试，这造成了一些麻烦。我建议从他们的网站创建一个自定义引导 css 文件，而不需要媒体打印部分。

【解决方案2】：

您必须启用包含背景图形的选项。请看下文

【讨论】：

是的，但是正如您在图像中看到的那样，进度条仍然是灰色的，标题仍然是黑色的。