更改 border-bottom 属性以及删除 text-decoration 会在某些浏览器中创建彩色下划线(我可以肯定地保证 FF 5 和 6)。但其他浏览器(至少 Safari 和 Chrome)不显示任何行。
有关问题的示例,请参阅 utsarotaract.org(索引页底部段落中有一个链接)。
因为我在其他地方看到过这项工作,所以我假设我的某些 CSS 发生了冲突,但我对问题的确切位置感到困惑。
最佳答案
问题是边框的大小。将您的 0.5px
边框更改为 1px
,它将起作用。现场示例:http://jsfiddle.net/tw16/WcrNA/
.content a {
border-bottom: 1px solid #A80532; /* instead of 0.5px */
color: #000022;
text-decoration: none;
}
关于css - 更改链接下划线颜色而不是字体颜色(底部边框不适用于所有浏览器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7296496/