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

Question

我试图使锚标签周围出现的丑陋灰色边框消失.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)不会强制关注焦点.

Answer 1

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

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

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