有沒有辦法重置邊框，邊框半徑和背景色的CSS屬性？

Question

我使用的Twitter引導爲我輸入的頁面的CSS。 Bootstrap定義： border：1px solid rgb（204,204,204）; background-color：rgb（255,255,255）; border-radius：3px 3px 3px 3px; 選擇元素。

我想重置（通過覆蓋我自己的CSS）這些Bootstrap CSS屬性。我試過：auto，inherit，none。但沒有工作。我也嘗試了半徑的-moz前綴。沒有成功。

我看到這不起作用，因爲在Firefox中，具有無邊框，無邊框樣式和無背景色的選擇與Webkit瀏覽器呈現類似的方式。

您可以通過在Web Developer - > Inspect - > CSS視圖中註釋掉這些規則來檢查這一點。

如何在不觸摸Bootstrap庫的情況下做到這一切？

Answer 1

Bootstrap聲明比您的更高specificity。

您可以通過聲明之後加入!important測試：border: none !important

不要使用此代碼然而出貨。要以正確的方式解決問題，請使用其他類或ID來覆蓋Bootstrap的CSS。

Answer 2

你試過!important它並不總是一個很好的解決方案，但可能是你遇到問題的原因，閱讀更多關於什麼時候使用這種方法可能是好的here。

Answer 3

-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
-o-border-radius: 0px; 
border-radius: 0px; 
border: 0px; 

這應該重置邊框。只要您的首選樣式比Bootstrap提供的樣式晚出現，它們將優先。此外，-moz-appearance可以幫助您覆蓋默認的Firefox外觀（或重置它們）。

• https://developer.mozilla.org/en-US/docs/CSS/-moz-appearance

Answer 4

要重置屬性，利用價值 「初始」，適用於所有的屬性：

-webkit-border-radius: initial; 
-moz-border-radius: initial; 
-o-border-radius: initial; 
border-radius: initial; 
border: initial;