使用自定义悬停颜色添加到<option>元素并删除蓝色轮廓CSS

Question

我想只使用CSS为选项元素添加自定义悬停颜色和边框，但我无法弄清楚如何。

我希望它看起来像是什么：

现在的样子：

CSS：

option:hover {

    background-color: white;
    color: black;   

}

option {

background-color: black;
color: white;
outline: none;
border-left: 1px solid black;
border-right: 1px solid black;
border: none;   

}

option:focus {

border: none;
border-width: 0;
border-left: 1px solid black;
border-right: 1px solid black;
outline: none:

}

非常感谢任何帮助。

Answer 1

这是一个只适用于Firefox的选项（没有双关语）： Change Select List Option background colour on hover

没有跨浏览器解决方案可以实现您的目标。