Javascript 去除浏览器显示的HTML表单元素中的轮廓？

有办法做到这一点吗？不同的浏览器显示什么样的大纲以及其他（Safari和它的蓝光，Firefox和点击提交按钮时的虚线大纲…）

---

CSS更可取，但JS也不错。

如果更改CSS中项目的默认属性，例如

边框

、

背景

等，则这些元素的默认外观将不再适用

---

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

如果更改CSS中项目的默认属性，例如

边框

、

背景

等，则这些元素的默认外观将不再适用

---

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

我相信您所说的是outline属性。要删除轮廓，您可以这样做

element { outline:none; }

---

尽管出于可用性原因，我不推荐使用它。

我相信您所说的是outline属性。要删除轮廓，您可以这样做

element { outline:none; }

selector{
outline:none;
}

---

尽管出于可用性原因，我不建议使用它。

可以通过重置

outline

属性来删除大纲：

selector{
outline:none;
}

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

---

但是，您应该包括另一个可视指示器，正如我在这里所做的那样，以表明出于可访问性的原因，该元素是集中的

可通过重置

outline

属性删除大纲：

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

---

但是，您应该包括另一个可视指示器，正如我在这里所做的那样，以表明出于可访问性的原因，该元素是集中的

Si Yi Jiang对代码级解决方案的回答。还有一个现场点

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

• 在系统首选项>键盘>键盘快捷键>完全键盘访问中，选中“仅文本框和列表”
• 在Safari>首选项>高级>通用访问中，取消选中“按Tab键高亮显示网页上的每个项目”

---

Si Yi Jiang对代码级解决方案的回答。还有一个现场点
Safari中的蓝光（聚焦环）是Mac OS X用户的首选。用户可以调整其显示方式/时间
• 在系统首选项>键盘>键盘快捷键>完全键盘访问中，选中“仅文本框和列表”
• 在Safari>首选项>高级>通用访问中，取消选中“按Tab键高亮显示网页上的每个项目”

---

您的意思是当元素具有焦点时？你应该提一下，你是说当元素有焦点时？你应该提一下。