如何在所有瀏覽器中用css強調相同的大小？

當我在css中有以下內容時，IE和Firefox鏈接下的下劃線「加倍」。我已經看到一些網站有相同的字體家族，相同的字體大小，粗體和下劃線不加倍。我怎樣才能讓下劃線只有一行而不是兩行（1px vs 2px）。一個簡單的CSS，可以在所有瀏覽器中工作（如果可能的話）。我知道我可以用border-bottom來解決問題，但我不太喜歡這個主意。如何在所有瀏覽器中用css強調相同的大小？

.a_12 { 
font-family: arial; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: underline; 
}

謝謝您的幫助和建議

來源

2011-10-14 user977191

你無法控制瀏覽器如何呈現其文本強調使用CSS。如果你真的需要這樣的控制水平，那麼使用底部邊界並不會造成傷害。

來源

2011-10-14 16:06:57 BoltClock

即使這在瀏覽器之間可能會有所不同，但比「下劃線」更好。 – jackJoe

如果你的元素有任何種類的填充，邊框「下劃線」將會行爲不端...... – acm

謝謝你的幫助！ – user977191

嘗試使用這個屬性：border-width: 1px或border-bottom財產發揮

來源

2011-10-14 16:09:55 pleerock

謝謝你的幫助！ – user977191

到border-bottom技術的替代其他幾個職位建議是使用insetbox-shadow，就像這樣：

box-shadow: 0 -1px 0 0 inset;

離開了color參數默認爲文本顏色。

來源

2013-08-14 13:03:34 savehansson

如何在所有瀏覽器中用css強調相同的大小？

回答

相關問題