在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;
}

我尝试了:hover{background-color:red;}选项，但没有用。有人知道怎么做吗？

Answer 1

目前无法使用css来获得所需的结果。为什么不使用choosen或select2等库。这些可以让你按照自己想要的方式设计风格。

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

How to convert <select> dropdown into an unordered list using jquery?

Answer 2

不，这是不可能的。

如果不使用原生选择，如果你从html元素创建自定义选择小部件，那就是真的。 “李”。