Question

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

CSS更可取，但JS也很好。

Answer 1

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

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

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

Answer 2

我相信你在谈论大纲属性。要删除轮廓，您可以执行此操作;

element { outline:none; }

虽然我不建议出于可用性原因。

Answer 3

如果更改CSS中项目的默认属性，例如border，background等，则这些元素的默认外观将不再占优势。

例如，您可以根据需要为按钮，输入和字段集设置宽度，颜色和样式的边框。此外，背景（颜色和/或图像）将改变这些默认外观。

Answer 4

selector{
outline:none;
}

Answer 5

Si Yi Jiang对代码级解决方案的回答。 Sitepoint上还有一个good article。

Safari中的蓝色发光（聚焦环）是Mac OS X用户首选项。用户可以调整显示的方式/时间。