Javascript 如何删除选择框中选项元素周围的蓝色边框和蓝色选项颜色

正如问题标题所说，我想知道当点击选择时，如何删除选项框周围的默认蓝色边框

还有，如何删除悬停在同一选项上时显示的默认蓝色

更新我注意到你们中的许多人对我的理解是错误的，这正是我想要定制的。

使用CSS

input, select{
    outline: 0;
}

使用CSS

input, select{
    outline: 0;
}

---

您可以使用HTML5元素：

select{
    border: none;
    appearance: none;
    color: red;
}

select option{
    color: red;
}

---

注意：目前无法在选项中应用css（悬停）以获得所需结果

您可以使用HTML5元素：

select{
    border: none;
    appearance: none;
    color: red;
}

select option{
    color: red;
}

---

注意：目前无法在选项中应用css（悬停）以获得所需结果

有jQuery插件可以帮助您

---

有一个jQuery插件可以帮助您

---

我想您需要根据您的描述设置

大纲：0

。请注意，

select

和

option

元素的样式非常有限，这可能不适用于所有浏览器。如果您想以一致的方式自定义选择列表，请改用插件。在CSI中设置大纲：0我认为您想根据您的描述设置

outline:0

。请注意，

select

和

option

元素的样式非常有限，这可能不适用于所有浏览器。如果你想以一致的方式自定义你的选择列表，请使用插件。在你的cshello@luis-p-a中设置大纲：0你能检查我编辑的问题吗。此外，若插件是唯一的解决方案，你们知道一些非常好的，是不是缓慢和沉重的？谢谢，很抱歉问了很多问题。你好@luis-p-a你能检查一下我编辑的问题吗。此外，若插件是唯一的解决方案，你们知道一些非常好的，是不是缓慢和沉重的？谢谢，很抱歉问了你很多问题。