悬停时更改选择列表选项的背景颜色

Question

悬停时是否可以更改选择列表选项的默认背景颜色？

HTML:

 <select id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

我已经尝试过 option:hover { background-color: red; } ，但没有用。有人知道怎么做这个吗？

原文由 Gopesh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这可以通过实施插入框阴影来完成。例如：

 select.decorated option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

这里， .decorated 是分配给选择框的类。

希望你明白了。

原文由 user2964504 发布，翻译遵循 CC BY-SA 3.0 许可协议