选项：悬停样式在Chrome浏览器中无效

Question

option:hover {
    background-color: #804000;
    color: #ffffff;
}

样式没有反映在Chrome上，但在Firefox和IE中正常工作

FIDDLE

Answer 1

选项悬停的样式仅适用于选项实际实现为元素（或类似）的浏览器。

标准中没有任何内容指定select元素应如何显示选项（除非使用size属性）。在桌面浏览器中，通常使用某种形式的下拉菜单，在移动浏览器中，选项通常以完全不同的方式显示。

在某些浏览器中，下拉列表中的选项是使用元素（或类似）实现的，这些元素允许浏览器支持常规元素上可用的某些样式和事件。