Fokusrahmen des Browsers per Javascript entfernen oder deaktivieren

Question

Kann jemand den (in den meisten Browsern) gestrichelten Rahmen eines dom-Elements deaktivieren oder manipulieren, wenn er den Fokus in einer Tabindex-Reihenfolge hat?

Ich möchte meinen eigenen Stil für ein fokussiertes Element erstellen, aber es wäre großartig, das vorhandene Feature zu verwenden, denn mit tabindex ist es möglich, das Keydown-Ereignis an das dom-Element zu binden.

Answer 1

einfach eine CSS-Regel machen für die Elemente, die Sie, die outline:none;

Answer 2

jQuery verwenden können Sie tun

$("#nav li a").focus(function(){ 
    $(this).blur(); 
}); 

Answer 3

input::-moz-focus-inner { border: 0; } 

Answer 4

CSS Trick haben wollen:

:focus { outline: none; } 

Answer 5

a { 
outline: 0; 
} 

a: hover, 
a: active, 
a: focus { 
    outline: none; 
} 

input::-moz-focus-inner { 
border: 0; 
} 

Answer 6

:focus state - Einstellen die outline property zu 0px solid transparent;

Answer 7

Mit Firefox 53.0, wenn ich die Gliederung mit einer der vorgeschlagenen Lösung deaktivieren, zeigt Firefox die Standardlösung an.

Allerdings, wenn ich eine leere Farbe verwenden, ist es nicht erkennt, dass der Umriss verborgen ist:

input:focus{ 
    outline: 1px solid rgba(255,255,255,1); 
}