当我点击锚标签时 - 我的锚文本周围出现虚线边框。是在IE7,IE8和Firefox中。我用过。
a{ outline:none; }
这可以正常工作。但我需要清除浏览器的缓存。除非我直到我的浏览器中没有清除缓存,否则我的锚文本周围会出现虚线。
有人可以告诉我为什么每次都需要清除缓存以使大纲属性工作。是否有任何解决方案,如果没有清除缓存,虚线将消失。
答案 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