禁用焦点上的锚点（）元素上的灰色边框

I am trying to make the ugly grey border that appears around anchor tags go away. The CSS property outline:none; works for Firefox, but how can I do it in IE? Preferably using CSS expressions or jQuery. I'm not worried about accessibility BTW.

我试图使锚标签周围出现的丑陋灰色边框消失。 CSS属性outline：none;适用于Firefox，但我怎么能在IE中做到这一点？最好使用CSS表达式或jQuery。我并不担心BTW的可访问性。

Based on your suggestions I found these to be the best solutions:

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

The jQuery (for IE browsers):
jQuery（适用于IE浏览器）：
```
$('a').focus(function() {
    $(this).blur();
});
```
Another jQuery option (for IE browsers only):
另一个jQuery选项（仅适用于IE浏览器）：
```
$('a').focus(function() {
    $(this).attr("hideFocus", "hidefocus");
});
```
The CSS (for all other browsers that force an outline):
CSS（强制大纲的所有其他浏览器）：
```
a {
    outline: none;
}
```

Note: Some browsers such as Google Chrome don't force an outline on focus.

注意：某些浏览器（如Google Chrome浏览器）不会强制关注焦点。

7 个解决方案

#1

Unfortunately I think hideFocus is your best answer as blur isn't always appropriate:

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

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

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

7 个解决方案

#1

更多相关文章

随机推荐