从选择下拉列表中删除大纲（Windows 7上的Chrome）

Question

我正在尝试从select元素的选项列表中删除蓝色轮廓。

由于我只在Windows 7上的Chrome上看到这个大纲，这里有一个图像，它指出了我正在谈论的大纲

以下是代码：https://jsfiddle.net/463pLc67/

我已尝试在outline-color上使用option:focus，但似乎没有任何效果。有没有办法只使用CSS摆脱这个大纲？

Answer 1

因为浏览器处理UI美学的方式不同于单选按钮，复选框和选择下拉菜单，所以如果不使用JS或复杂的CSS / HTML，很难克服。我认为选择元素比单选按钮和复选框更难，我不认为只有可靠的HTML / CSS。

抱歉，我知道这不是你要找的答案。你也可以尝试'border：1px solid #COLOR'作为最后的尝试。