Html 选择：悬停不'；行不通

我有一个css下拉菜单，鼠标在上面打开，在菜单中我还有一个选择框。问题是每当我点击选择框时，菜单就会消失

我尝试的是添加

#年份选择：悬停，

打开菜单的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

...

---

每当鼠标单击“选择”后移出下拉列表时，“选择”零件不会关闭。

---

你可以创建一个小的下拉框，就像你的菜单一样，而不是使用选择标签。

你可以发布一个工作示例（JSFIDLE）吗？它在Firefox22上对我来说很好。你用的是什么浏览器？我也用得很好。当你点击表单时，它会提交并重新加载页面，这样菜单就会消失。@rabotalius它在Chrome上对我有效，很奇怪，在firefox上对我也有效。也许这取决于操作系统？

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