Bootstrap print

好吧，我用npm来安装bootstrap。该网站应该可打印，所以基本的自举打印样式很好。但我需要文字颜色。可悲的是，默认引导删除所有颜色。Bootstrap print

*, 
*:before, 
*:after { 
    color: #000 !important; // Black prints faster: h5bp.com/s 
}

我想“还原”该颜色设置，但不希望他们被部署并安装在卷展栏/不能改变的引导文件。

有没有人知道如何用自定义CSS覆盖该设置？

来源

2017-01-10 Kim Schneider

只是声明了一个新的语句，你加载引导文件后？这会覆盖该值，而不会更改原始文件 – Xorifelse

我不得不添加：

-webkit-print-color-adjust: exact;

来解决我的样式表的颜色问题...

来源

2017-01-10 14:18:13

这不会起作用，因为引导会使用“！important”覆盖所有字体颜色。 –

你应该能够声明相同的选择来覆盖它，意味着你的自定义CSS是装在Bootstrap之后。

即

*, 
*:before, 
*:after { 
    color: /* some other color /* 
}

来源

2017-01-10 14:24:00 Mike

是的，没错，但我想让它达到原来的颜色。所以如果一个文本是绿色的，它应该在打印页面上是绿色的，如果它是红色的......但是看起来我必须重写打印页面的颜色样式。 –

啊，误解了那里的问金。从这个答案[这里]（http://stackoverflow.com/questions/33410724/bootstrap-print-css-removes-background-color）和我自己的知识，你将不得不重写他们，如果你不能定制你的Bootstrap在所有。这很不幸，因为Bootstrap网站允许您下载排除打印样式的自定义构建。 – Mike

回答

相关问题