html - 在html中悬停时更改选择列表选项背景颜色

Question

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

HTML：

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

select {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
}

select:hover {    
    background-color:gren;
}

option:hover {
    background-color:yellow;
}

option {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
    color:blue;
    background-color:yellow;
}

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

Answer 1

目前没有办法应用 css 来获得您想要的结果。为什么不使用像choosen或select2这样的库。这些使您可以按照自己的方式设计样式。

如果您不想使用第三方库，那么您可以制作一个简单的无序列表并使用一些 css。这是您可以关注的线程

如何使用 jquery 将 <select> 下拉列表转换为无序列表？

Answer 2

不，这是不可能的。

真的，如果不使用本机选择，如果您从 html 元素创建自定义选择小部件，请使用“li”。