Tarayıcının odak sınırını javascript aracılığıyla kaldırın veya devre dışı bırakın

Question

Bir dom-öğesinin (çoğu tarayıcıda) kesikli kenarını nasıl odaklanacağını veya değiştireceğini bilen herhangi biri, sekmex sırasına odaklanmışsa?

Odaklanmış bir öğe için kendi stilimi oluşturmak istiyorum, ancak mevcut özelliği kullanmak harika olurdu çünkü tabindex ile keydown olayını dom öğesine bağlamak mümkündür.

Answer 1

yapabilirsiniz jQuery kullanarak outline:none;

Answer 2

Sadece var istediğiniz öğeler için bir CSS kuralını yapmak size

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

Answer 3

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

Answer 4

CSS hüner:

: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 - Set outline property ila 0px katı şeffaf;

Answer 7

Firefox 53.0 ile, anahat çözümünü önerilen çözümle devre dışı bırakırsam, Firefox varsayılan olanı görüntüler. Boş bir renk kullanarak

Ancak, anahat gizli olduğunu algılamaz: bulanıklığı

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