更改鏈接下劃線顏色和不字體顏色（下邊框不適用於所有瀏覽器）

更改邊框底部屬性以及刪除文本修飾會在某些瀏覽器中創建彩色下劃線（我可以保證爲FF 5和6當然）。但其他瀏覽器（至少Safari & Chrome）不顯示任何行。更改鏈接下劃線顏色和不字體顏色（下邊框不適用於所有瀏覽器）

有關問題的示例，請參閱utsarotaract.org（索引頁底部的段落中有鏈接）。

因爲我看過這個工作的其他地方，我假設我的一些CSS是衝突，但我很難確切地知道問題出在哪裏。 What the user is seeing (no underline on "this form" @ the bottom)

2011-09-03 Dan

問題是你的邊框的大小。改變你的0.5px邊界爲1px而不是，它會工作。現場示例：http://jsfiddle.net/tw16/WcrNA/

.content a { 
    border-bottom: 1px solid #A80532; /* instead of 0.5px */ 
    color: #000022; 
    text-decoration: none; 
}

2011-09-03 23:52:31 tw16

非常感謝！看起來像魅力一樣工作。 – Dan

我有一位Chrome用戶，他仍然無法看到下劃線。有什麼建議麼？ – Dan

附上了他們所看到的屏幕截圖。 – Dan

您可能需要使用：

<a><span>I'm a link</span></a>

與下面的CSS：

a { 
    color: blue; 
} 
span { 
    color: green; 
}

替代使用下邊框之中。這也是一個跨瀏覽器的解決方案。你只需要設置其填充/邊距/行高以使其從瀏覽器到另一個瀏覽器保持一致。

2011-09-03 23:43:01

我真的寧願不必爲每個標籤都添加一個span標籤。 – Dan

回答