2016-08-24 31 views
2

我使用Bootstrap作爲我的樣式表的基礎。如果我希望看起來不同於bootstrap.cssbootstrap-theme.css中定義的內容,我只需在自定義CSS文件中覆蓋它,這些文件將在Bootstrap文件之後加載。但現在我有以下情況:如何重置CSS中的指令?

bootstrap.css

@media print { 
    *, 
    *:before, 
    *:after { 
     background: transparent !important; 
     color: #000 !important; 
     box-shadow: none !important; 
     text-shadow: none !important; 
    } 
    ... 
} 

我想,那background打印相同的screen

如何「重置」引導程序的background指令(無需觸摸bootstrap.css)?

+0

可能重複[是否有可能重寫/刪除背景:無!重要的jQuery?](http://stackoverflow.com/questions/17838007/is-it-possible-to-override-remove-background-不重要的與jquery) – Roberrrt

+0

不,它不。因爲這個問題是關於「純jQuery和不編輯任何樣式表」。 – automatix

+0

您是否檢查過該問題的第一個答案? – Roberrrt

回答

0

那麼,你應該創建一個自定義的CSS/LESS文件,也可以叫做bootstrap-overrides.css下列要求:

@media print { 
    *, 
    *:before, 
    *:after { 
     background: newValue!important; 
    } 
} 

,並把它的頭部,引導聲明之後,這樣你就可以很容易地覆蓋背景值。

+0

感謝您的回答,但只有我擁有一切背景顏色纔有效。這不是目標。我想要的是,BG顏色保持爲'print',與'screen'的定義完全相同。 – automatix

+1

然後你只需要不包含那部分。您可以從這裏導入http://getbootstrap.com/customize/除打印外的所有引導組件。 –