Jquery CSS下拉菜单列表颜色在Google chrome中悬停时不变

我对CSS下拉菜单有问题，它在chrome on hover中不起作用

预期行为：悬停在任何列表项上都会将背景颜色更改为使用CSS规则设置的颜色

实际行为：即使将鼠标悬停在列表项上，默认颜色（蓝色）仍保持不变

如果我在Internet Explorer（IE 10,11）中运行相同的代码，它绝对可以正常工作，但在chrome中不行。我的chrome版本是47

霉菌代码：

选项：悬停{
背景：#01A982；
}

1.
2.
3.
4.
5.
Chrome不支持
：将
悬停在选项元素上。对于这一点，实际上没有简单的解决方法。如果您确实需要Chrome中的
：hover
支持，则需要使用javascript解决方案或其他类型的元素，使其看起来和行为类似于select。
由于select和option标记在设置其样式时会遇到一些麻烦，可能将select/options元素更改为list元素将有助于您：

代码在哪里？在此发布您的示例代码发布您的代码或添加Fiddle您可以发布您的代码吗？欢迎使用Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码。看见