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

Question

我正试图让出现在 anchor 标签周围的难看的灰色边框消失。 CSS 属性 outline:none; 适用于 Firefox，但我如何在 IE 中执行此操作？最好使用 CSS 表达式或 jQuery。顺便说一句，我不担心可访问性。

---

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

• jQuery(用于 IE 浏览器):

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

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

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

• CSS(适用于所有其他强制使用大纲的浏览器):

  a {
      outline: none;
  }
  

注意:某些浏览器(例如 Google Chrome)不会强制在焦点上显示轮廓。

Answer 1

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

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

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