javascript - 用于打印的 Bootstrap css 仅以黑白打印

Question

我使用 Bootstrap css 进行打印。它的 css 属性为:

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

    // Other code...
}

这会覆盖我所有的 CSS。我想从这里删除颜色(以黑白打印)并使用我在原始页面中描述的颜色。我不想从 bootstrap css 中删除这一行，而是想使用我自己的 css 或 jquery 重新定义或取消定义它，因为如果有可用更新，我将能够更新 bootstrap css。是否可以明确删除颜色。

Answer 1

您可以自定义从 Bootstrap 获得的实际样式表，并且不包含打印部分。您可以访问他们的自定义网页(下面的链接)并基本上选择包含哪些元素。然后，他们将创建 css 的编译版本供您下载并包含在文件中。

这意味着您稍后需要从他们那里获取新的重新编译的 css，但这比尝试进入并从 css 中删除内容要好。

结帐http://getbootstrap.com/customize/