通过javascript删除或禁用浏览器的焦点边框

Question

有没有人知道如何禁用或操纵（在大多数浏览器中）dom元素的虚线边框，如果它的焦点在tabindex顺序？

我想为聚焦的元素构建自己的样式，但使用现有的功能会很棒，因为使用tabindex可以将keydown事件绑定到DOM元素。

Answer 1

只是要为有你想要的元素的CSS规则outline:none;

Answer 2

使用jQuery你可以做

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

Answer 3

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

Answer 4

CSS技巧：

: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 - 设置outline property以0px固体透明;

Answer 7

使用Firefox 53.0，如果我禁用提议的解决方案之一的大纲，Firefox将显示默认的解决方案。

但是，如果我用一个空色，它不检测轮廓隐藏：

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