Chrome和Safari中的CSS链接显示问题

时间:2010-10-15 21:11:39

标签: css google-chrome safari webkit

我遇到的问题只出现在Safari和Chrome中。我在一个网站的内容中有一组链接样式,我正在处理。访问过的链接应显示为不同的颜色,并带有虚线底部边框。虽然所有其他样式都适用,但在Safari和Chrome中,访问过的链接缺少底部边框。有没有人知道webkit引擎中的一个错误导致这个或我犯了一些愚蠢的错误?代码如下:

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

2 个答案:

答案 0 :(得分:3)

这不是一个错误,它是一个功能。站点可以通过以下方式嗅探浏览器历史记录:visited-styles。您将只能设置样式:以不影响链接指标的方式访问,这会添加边框。同样的功能将来到Fx4。 (SourceMDC

答案 1 :(得分:0)

尝试给边框底部添加颜色:

border-bottom: 1px dotted #000;