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

Question

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

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

Answer 1

只需为您想要的元素制作CSS规则 outline:none;

Answer 2

CSS技巧:

:focus { outline: none; }

Answer 3

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

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

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