javascript - 禁用焦点上的 anchor (<a>)元素上的灰色边框

我试图使 anchor 标签周围出现的难看的灰色边框消失。 CSS属性outline:none;适用于Firefox，但是如何在IE中实现呢？最好使用CSS表达式或jQuery。我不担心可访问性BTW。

根据您的建议，我发现这些是最佳的解决方案:

jQuery(用于IE浏览器):

$('a').focus(function() {
    $(this).blur();
});

另一个jQuery选项(仅适用于IE浏览器):

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

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

a {
    outline: none;
}

注意:某些浏览器(例如Google Chrome浏览器)不会将轮廓突出显示。

最佳答案

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

<a href="..." hidefocus="hidefocus">...</a>

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

关于javascript - 禁用焦点上的 anchor (<a>)元素上的灰色边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1371517/