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

Question

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

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

Answer 1

只为您想要的outline:none;

元素制作CSS规则

Answer 2

CSS技巧：

:focus { outline: none; }

Answer 3

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

但是，如果我使用空白颜色，它不会检测到轮廓被隐藏：

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

Answer 4

a {
outline: 0;
}

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

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

Answer 5

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

Answer 6

:focus state - 将outline property设置为0px固定透明;

Answer 7

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

不要使用CSS禁用焦点：http://outlinenone.com/可以使用其他用户。

Answer 8

使用jQuery，你可以做到

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