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

【问题标题】：How to remove blue border around option elements in select box AND blue option color如何删除选择框中选项元素周围的蓝色边框和蓝色选项颜色
【发布时间】：2016-03-14 19:26:53
【问题描述】：

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

而且，如何删除鼠标悬停在同一选项上时显示的默认蓝色？

更新我注意到你们中的许多人都理解错了，实际上THIS 是我想要自定义的。

【问题讨论】：

我想你想根据你的描述设置outline: 0。请注意，尽管select 和option 元素的样式非常受限，并且这可能不适用于所有浏览器。如果您想以一致的方式自定义选择列表，请改用插件。
在你的 CSS 中设置 outline:0

标签： javascript jquery html css

【解决方案1】：

您可以使用 HTML5 元素：

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

select option{
    color: red;
}

DEMO HERE

注意：目前无法在选项中应用 css(hover) 以获得所需的结果

【讨论】：

你好@luis-p-a 你能检查我编辑的问题吗？另外，如果插件是唯一的解决方案，你知道一些非常好的不慢和不重的吗？感谢和抱歉问了很多事情。

【解决方案2】：

使用 CSS

input, select{
    outline: 0;
}

【讨论】：

【解决方案3】：

有一个jQuery插件可以帮助你。

Chosen

【讨论】：