悬停时更改选项背景色？

Question

当用户悬停时，我该如何更改背景颜色？我已经尝试了下面的方法，但是没有生效。

```css :hover { background-color: #XXXXXX; } ```

<select>
<option>bmw</option>
<option>audi</option>
<option>mercedes</option>
</select>



$('option').hover(function(){
$(this).css("background-color","#FFFFCC");
}); 

- user198989

---

即使可以实现，你也应该使用 CSS 而不是 JavaScript 来完成这个任务。 - Dagg Nabbit

我认为这可能会解决你的问题。https://dev59.com/RnE95IYBdhLWcg3wOLU1 - Angel

请查看此文章：jQuery选择CSS样式。 - Farshad

可能是重复的问题：如何在鼠标悬停时更改下拉列表选项的背景颜色？ - doppelgreener

Answer 1

您不能以这种方式使用选项。最好的解决方案是使用类似于<ul>和<li>的样式，并与JS交互。

- David Houde

Answer 2

hover事件无法绑定到option标签上。如果我找到相关的文档或证明，我会更新这篇文章。根据我的经验，这是不可能实现的。

- shanabus

Answer 3

既然您已经在使用jQuery，那么有一个非常不错的插件 - image-dropdown + 来自制造商的演示。

- Bakudan