1

在 Rails 应用程序中,我使用 Twitter Bootstrap 作为起点。Twitter Bootstrap 使用了一些 HTML5 Boilerplate 重置,其中包括这个 gem:

@media print {
    * {
        color: #000 !important; /* Black prints faster: h5bp.com/s */
    }
}

(注意链接的文章来自 200-effing-8)

我的应用程序使用 pdfkit/wkhtmltopdf 输出 PDF,并且由于上述声明,所有 pdf 输出都是白底黑字。pdfkit/wkhtmltopdf(对我来说,在这个应用程序中)的全部意义在于 PDF 输出与屏幕匹配。

导入 Bootstrap 后,我有什么方法可以在样式表中覆盖此声明?我希望它是类似于“自动”的东西,但这似乎是无效的。

当然,我可以在 Bootstrap 中注释掉该行,但如果可以的话,我宁愿避免更改源代码(因为我通过 bootstrap-sass gem 将其全部引入)。我还可以告诉 pdfkit/wkhtmltopdf 不要使用“打印”样式表,但这会产生不同的问题。

我尝试将其设置为“继承”,但在功能上这不是我所追求的,而且它似乎也不起作用。

谢谢。

4

1 回答 1

1

我会在引导 css 中将其注释掉。星号选择器是一个通配符,它​​将所有文本内容设置为黑色。否则,您将不得不使用 id 或 class 写出许多单独的 CSS 规则来覆盖。如果您网站上的大部分文本内容已经设置为黑色或足够深的颜色,那么您不需要该 CSS 打印规则。

于 2013-04-05T17:39:42.457 回答