html - 选择：悬停不起作用

Question

我有一个在鼠标悬停时打开的 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/

Answer 1

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