css - 更改链接下划线颜色而不是字体颜色(底部边框不适用于所有浏览器)

Question

更改 border-bottom 属性以及删除 text-decoration 会在某些浏览器中创建彩色下划线(我可以肯定地保证 FF 5 和 6)。但其他浏览器(至少 Safari 和 Chrome)不显示任何行。

有关问题的示例，请参阅 utsarotaract.org(索引页底部段落中有一个链接)。

因为我在其他地方看到过这项工作，所以我假设我的某些 CSS 发生了冲突，但我对问题的确切位置感到困惑。

Answer 1

问题是边框的大小。将您的 0.5px 边框更改为 1px，它将起作用。现场示例:http://jsfiddle.net/tw16/WcrNA/

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