Deaktivieren Sie die graue Grenze auf Anker (<a>) Elemente auf Fokus

Question

Ich versuche, die hässliche graue Grenze, die um Anker-Tags erscheint weggehen. Die CSS-Eigenschaft outline:none; funktioniert für Firefox, aber wie kann ich es in IE tun? Vorzugsweise mit CSS-Ausdrücken oder jQuery. Ich mache mir keine Sorgen über die Zugänglichkeit BTW.

---

Basierend auf Ihre Anregungen fand ich diese die besten Lösungen zu sein:

• Die jQuery (für IE-Browser):

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

• Eine weitere jQuery Option (für IE-Browser nur):

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

• Die CSS (für alle anderen Browser, die einen Umriss erzwingen):

  a { 
      outline: none; 
  } 
  

Hinweis: Einige Browser wie Google Chrome nicht mit Gewalt einen Umriss auf Fokus.

Answer 1

Leider denke ich hideFocus ist die beste Antwort als Unschärfe nicht immer angemessen ist:

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

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

Answer 2

Funktioniert das nicht?

Answer 3

Es klingt, als ob Sie über die gepunktete Grenze sprechen, die angezeigt wird, wenn Sie über Verknüpfungen navigieren. Sie haben die richtige Lösung für Firefox (Outline: keine in der CSS). Die beste Lösung, die ich für IE verwendet habe, ist ein onfocus Zuhörer hinzufügen, das den Fokus entfernt:

<a href="" onfocus="this.hideFocus=true;">link</a> 

Schauen Sie sich auf dieser Seite finden Sie ein Beispiel dafür, wie man es global tun könnten: http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i

Answer 4

Für IE

<a href="..." onfocus="this.blur();">Click Here</a> 

Lesen Sie mehr: http://www.htmlgoodies.com/beyond/javascript/article.php/3471171

Für Firefox und Safari, outlin, können Sie Javascript wie folgt verwenden e: keine funktioniert.

mehr lesen: http://css-tricks.com/removing-the-dotted-outline/

Answer 5

Es sei denn, ich bin fehlt die Grenze übersät ist diskutiert werden, skizzieren: keine funktioniert in Internet Explorer 8 (zumindest für mich). Stattdessen wurden einige Hyperlinks mit einem gepunkteten Rahmen gerendert (das einzige Attribut, an das ich mich erinnere, ist display: inline auf einem h2-Element, das einen Link enthielt, danach erschien der gepunktete Rand). Also warf ich eine Skizze ein: keine; } in meinem globalen Stylesheet und poof, kein Rahmen mehr in IE8!

Answer 6

a {outline:noneIE 8} css scheint in Firefox, Chrome und IE 8 gut zu funktionieren.

Answer 7

a { 
    outline: 0 none !important; 
    border: none; 
}