Chrome和Safari中的CSS链接显示问题
问题描述:
我遇到的CSS问题只发生在Safari和Chrome中。我有一组用于我正在处理的网站内容链接的样式。访问过的链接应显示为不同的颜色并带有虚线的底部边框。在Safari和Chrome浏览器中,虽然所有其他样式都被应用,但访问过的链接缺少底部边框。有谁知道webkit引擎中的错误导致了这个问题,还是我犯了一个愚蠢的错误?下面的代码:Chrome和Safari中的CSS链接显示问题
#content a:link {
color: #b32951;
text-decoration: none;
}
#content a:visited {
color: #353535;
border-bottom: 1px dotted;
text-decoration: none;
}
#content a:hover, #content a:active {
color: #b32951;
background: #E6B5AF;
}
答
先给边框,底部的颜色:
border-bottom: 1px dotted #000;
+0
我确实尝试过,并没有什么区别:边框显示在除Safari和Chrome之外的所有浏览器中。 AFAIK CSS规范没有要求为边界声明颜色。如果没有声明,则边框将继承文本的颜色。 – Jeremy 2010-10-15 23:49:13
非常感谢。我已经将内容中的所有链接设置为虚线底部边框来解决此问题。这是一个有趣的变化,至今似乎还没有太出名。 – Jeremy 2010-10-16 16:01:25