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

回答

相關問題