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; 
} 

这是不是一个错误,这是一个特点。网站可以通过访问式样来浏览浏览器历史记录。您只能以不影响链接指标的方式添加边框样式:访问方式。 Fx4也有相同的功能。 (Source,MDC

+0

非常感谢。我已经将内容中的所有链接设置为虚线底部边框来解决此问题。这是一个有趣的变化,至今似乎还没有太出名。 – Jeremy 2010-10-16 16:01:25

先给边框,底部的颜色:

border-bottom: 1px dotted #000; 
+0

我确实尝试过,并没有什么区别:边框显示在除Safari和Chrome之外的所有浏览器中。 AFAIK CSS规范没有要求为边界声明颜色。如果没有声明,则边框将继承文本的颜色。 – Jeremy 2010-10-15 23:49:13