清除浏览器缓存时,锚标记的样式不同

时间:2010-02-08 10:13:57

标签: css caching anchor

当我点击锚标签时 - 我的锚文本周围出现虚线边框。是在IE7,IE8和Firefox中。我用过。

  

a{ outline:none; }

这可以正常工作。但我需要清除浏览器的缓存。除非我直到我的浏览器中没有清除缓存,否则我的锚文本周围会出现虚线。

有人可以告诉我为什么每次都需要清除缓存以使大纲属性工作。是否有任何解决方案,如果没有清除缓存,虚线将消失。

5 个答案:

答案 0 :(得分:1)

您可能需要在CSS中添加a:visited伪类:

a:visited { outline: none; }

a:visited样式应继承自a类,但某些较旧的浏览器(如IE6)不遵循此规则(Source)。为确保与旧版浏览器的样式兼容性,建议定义a:visited伪类。

答案 1 :(得分:1)

尝试使用重置CSS,例如this

答案 2 :(得分:0)

摆脱这种情况的最佳方法是使用像Daniel Vassallo这样的a:visited和/或a:active

这应解决问题,并仍然为使用TAB浏览所有元素的用户提供视觉反馈。

答案 3 :(得分:0)

我用过..

  

a:link,a:visited,a:hover,a:active {     大纲:没有!重要;     -moz-概述:无; }

但我仍然需要每次都清除缓存以使其正常工作。

答案 4 :(得分:0)

您可能会覆盖a:visited规则。例如,如果您有多个这样的样式表:

<link rel="stylesheet" href="css/style-a.css">
<link rel="stylesheet" href="css/style-b.css">

在style-a.css上,我们找到了以下规则:

a:visited { color: #00ff00; }

而且,在style-b.css上我们有:

a:visited { color: #ff0000; }

生成的访问链接将显示为红色(#ff0000)style-b.css上的规则,而不是style-a.css上的绿色(#ff0000)

供参考:

  

CSS级联为每个样式规则分配权重。当适用多个规则时,权重最大的规则优先。 - http://www.w3.org/TR/CSS2/cascade.html#cascade