通過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); 
}