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

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

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

只需为想要的元素创建CSS规则 outline:none;

CSS技巧：

:focus { outline: none; }

在Firefox 53.0中，如果我使用建议的解决方案之一禁用轮廓，则Firefox将显示默认解决方案。

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

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

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

a {
outline: 0;
}

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

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

:focus state-将outline属性设置为0px纯透明；

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

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

使用jQuery，您可以做

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