css - 在 Firefox 中的 HTML 选择中删除焦点选项中的虚线边框/轮廓

Question

我无法删除多尺寸选择中选定/聚焦选项周围的虚线边框/轮廓。它看起来像这样：

我尝试了几件事，例如：

:focus {
    outline:none;
}

::-moz-focus-inner {
    border:0;
    outline: none; 
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

它似乎都不起作用。这是 JSFiddle 链接：https ://jsfiddle.net/esdgujft/

编辑：这仅出现在 Firefox 浏览器中-

标签： css

Answer 1

您可以更改 的样式select，但不能更改 的样式option，因为这取决于您使用的浏览器。

另请参阅： 如何删除下拉列表的边框：CSS

这可能是一个解决方案，但它包含 javascript：

https://www.w3schools.com/howto/howto_custom_select.asp