选择：悬停不起作用答案

【问题标题】：Select:hover doesn't work选择：悬停不起作用
【发布时间】：2013-07-28 01:21:06
【问题描述】：

我有一个在鼠标悬停时打开的 CSS 下拉菜单，在菜单中我还有一个选择框。问题是每当我单击选择框时，菜单就会消失。

我尝试的是添加#year-select select:hover,

打开菜单的css

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#year-select select:hover,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}

html

<select name="year-select" ONCHANGE="location = this.options[this.selectedIndex].value;">
        <option value="2012">
...
</select>

http://jsfiddle.net/B9eUM/

【问题讨论】：

你能发布一个工作示例（jsfiddle）吗？
我在 Firefox 22 上运行良好。您使用的是什么浏览器？
它对我来说也很好用。当您单击表单时，它将提交并重新加载页面，因此菜单消失。
@rabotalius 它在 Chrome 上也适用于我
很奇怪，在 Firefox 上也适用于我。也许这取决于操作系统？

标签： html css menu hover

【解决方案1】：

只要点击选择后鼠标移出下拉菜单，选择部分就不会关闭。
好吧，您可以像您的菜单一样创建一个小的下拉框，而不是使用选择标签。

【讨论】：