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

Question

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

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

更新我注意到很多你理解我错了，实际上THIS是我想要定制的。

Answer 1

您可以使用HTML5元素：

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

select option{
    color: red;
}

<强> DEMO HERE

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

Answer 2

使用CSS

input, select{
    outline: 0;
}

Answer 3

有jQuery插件可以帮助你。

Chosen