摆脱浏览器显示的HTML表单元素的轮廓？

Question

有没有办法做到这一点？浏览器与浏览器的不同之处在于显示轮廓等等(单击提交按钮时,Safari及其蓝色光芒,Firefox及其虚线轮廓......)

CSS更可取,但JS也很好.

Answer 1

可以通过重置outline属性来删除大纲:

input:focus, button:focus, textarea:focus, select:focus {
    outline: 0;
    background-color: #efefef;
}

但是,出于可访问性原因,您应该包括另一个可视指示器,就像我在此处所做的那样,指示该元素是聚焦的.