首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >禁用焦点上的锚点(<a>)元素的灰色边框

禁用焦点上的锚点(<a>)元素的灰色边框
EN

Stack Overflow用户
提问于 2009-09-03 05:10:41
回答 7查看 11.7K关注 0票数 19

我试图让出现在锚标签周围的丑陋的灰色边框消失。CSS属性outline:none;适用于火狐,但如何在IE中使用?最好使用CSS表达式或jQuery。我不担心BTW的可访问性。

根据你的建议,我发现这些是最好的解决方案:

  • jQuery ( IE浏览器):

$(‘a’).focus(){ $(this).blur();});

  • 另一个jQuery选项(仅限IE浏览器):

$('a').focus(function() { $(this).attr("hideFocus","hidefocus");});

  • CSS (适用于所有其他强制轮廓的浏览器):

{ outline: none;}

注意:一些浏览器,如Google Chrome,不会强制在焦点上显示大纲。

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2009-09-03 05:28:02

不幸的是,我认为hideFocus是你最好的答案,因为模糊并不总是合适的:

代码语言:javascript
复制
<a href="..." hidefocus="hidefocus">...</a>

http://msdn.microsoft.com/en-us/library/ms533783(VS.85).aspx

票数 10
EN

Stack Overflow用户

发布于 2009-09-03 05:19:08

这听起来像是你在谈论当你通过Tab键浏览链接时出现的虚线边框。对于Firefox,您有了正确的解决方案(概要:CSS中的none )。我在IE中使用的最好的解决方案是添加一个移除焦点的onfocus侦听器:

代码语言:javascript
复制
<a href="" onfocus="this.hideFocus=true;">link</a>

看看这个站点,看看你如何在全球范围内做到这一点:http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i

票数 3
EN

Stack Overflow用户

发布于 2009-09-18 17:57:34

除非我错过了正在讨论的虚线边框,否则outline:none在Internet Explorer8中是有效的(至少对我来说是这样)。相反,突然之间,一些超链接显示为虚线边框(我记得更改的唯一属性是display:在包含链接的h2元素上内联,然后出现虚线边框)。所以我在我的全局样式表中添加了一个{ outline:none;},在IE8中就没有边框了!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1371517

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档