导航HTML选择元素的下拉菜单时保留悬停样式

时间:2014-04-14 03:22:15

标签: javascript jquery html css drop-down-menu

我有一个HTML select项,当您将鼠标悬停在该项上时会更改样式。但是,在Windows上的Chrome中,当您在选择下拉菜单中导航并离开原始位置时,此效果会停止。 (此问题在Mac上的Chrome中不明显,因为它使用默认颜色。)如何在用户导航时让选择下拉菜单继续触发悬停?

这是fiddle

This question看起来对li下拉菜单很有帮助,但我无法弄清楚如何将其应用到select元素。

1 个答案:

答案 0 :(得分:1)

尝试添加此

select:focus{
    background-color:green;
    color:blue;
}