有沒有辦法在CSS中設置默認的邊框顏色/大小？

我想使用css爲我的所有邊框設置全局默認大小和顏色。我遇到了一個問題，當我嘗試並使用它時，我的css設置默認邊框寬度和顏色將被覆蓋。基本上，我有這樣的事情：有沒有辦法在CSS中設置默認的邊框顏色/大小？

My.css

* { 
    border-width: 1px; 
    border-color: #222; 
} 

#streak { 
    border-bottom: solid; 
}

My.html

<html> 
<div id="streak"> 
    WOOOOOOOO! 
</div> 
</html>

的問題是，那一刻我的下邊框寬度設置爲固體，則默認爲3px和顏色變黑。在開發者控制檯中，它顯示應用了* {...}的css，但之後它被劃掉了，現在它的寬度和顏色都是初始值，從「border-bottom：solid; 「規則。

我發現如果我在* {...} css規則中使用！重要的，它會起作用，但是我真的不喜歡使用！很重要，如果我不需要的話。

有沒有更好的方法？

來源

2015-11-30 Seph Reed

你在做什麼*規則是好的。你在單個元素上試圖做的是設置邊框樣式。你將需要使用border-style組件屬性爲，而非border速記作爲速記將覆蓋寬度和顏色與它們的初始值（其分別爲medium和currentColor）：

#streak { 
    border-bottom-style: solid; 
}

當然，這意味着您可以在做想要用其他值覆蓋全局寬度和顏色的情況下繼續使用速記。

來源

2015-11-30 04:21:27 BoltClock

-1

你的css文件和類的一切正確。你錯過了「border：solid」這個邊框style.without類型它不會work.now你可以試試這個。

* { 
 
    border-width: 1px; 
 
    border-color: #222; 
 
    border:solid 
 
}

<html> 
 
<head> 
 
<link rel="stylesheet" type="text/css" href="example.css" /> 
 
</head> 
 
<div> 
 
    WOOOOOOOO! 
 
</div> 
 
<span> hiiiiiiiiiiiiiiiii </span> 
 
</html>

來源

2015-11-30 04:27:33

有沒有辦法在CSS中設置默認的邊框顏色/大小？

回答

相關問題