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

Question

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

CSS 更好，但 JS 也可以。

Answer 1

可以通过重置 outline 属性来移除轮廓:

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

但是，出于可访问性的原因，您应该包括另一个视觉指示器，就像我在这里所做的那样，以指示该元素已获得焦点。