我试图让出现在锚标签周围的丑陋的灰色边框消失。CSS属性outline:none;
适用于火狐,但如何在IE中使用?最好使用CSS表达式或jQuery。我不担心BTW的可访问性。
根据你的建议,我发现这些是最好的解决方案:
$(‘a’).focus(){ $(this).blur();});
$('a').focus(function() { $(this).attr("hideFocus","hidefocus");});
{ outline: none;}
注意:一些浏览器,如Google Chrome,不会强制在焦点上显示大纲。
发布于 2009-09-03 05:28:02
不幸的是,我认为hideFocus
是你最好的答案,因为模糊并不总是合适的:
<a href="..." hidefocus="hidefocus">...</a>
http://msdn.microsoft.com/en-us/library/ms533783(VS.85).aspx
发布于 2009-09-03 05:19:08
这听起来像是你在谈论当你通过Tab键浏览链接时出现的虚线边框。对于Firefox,您有了正确的解决方案(概要:CSS中的none )。我在IE中使用的最好的解决方案是添加一个移除焦点的onfocus侦听器:
<a href="" onfocus="this.hideFocus=true;">link</a>
看看这个站点,看看你如何在全球范围内做到这一点:http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i
发布于 2009-09-18 17:57:34
除非我错过了正在讨论的虚线边框,否则outline:none在Internet Explorer8中是有效的(至少对我来说是这样)。相反,突然之间,一些超链接显示为虚线边框(我记得更改的唯一属性是display:在包含链接的h2元素上内联,然后出现虚线边框)。所以我在我的全局样式表中添加了一个{ outline:none;},在IE8中就没有边框了!
https://stackoverflow.com/questions/1371517
复制相似问题