0

我的页面中有一个 select html 标记,它附加了一个类:

<select id="sel_NavigateBy" class="selectDropDown" name="sel_NavigateBy">

问题是,如果我在课堂上使用这个额外的 CSS 悬停;

    .selectDropDown:hover
{
    background-color:#EBF2FA !important;   
}

它完全打破了 IE 10 的选择下拉菜单。我不能选择任何东西。当我单击它时,下拉列表拒绝显示(除非我按住鼠标)。即使按住鼠标“强制”它显示,我也无法在下拉列表中选择任何内容。从开发者菜单切换到 IE 9 模式也不能解决这个问题。我认为它在 IE 10 中以不同的方式呈现选择标记。

删除上面的悬停类使 IE 10 恢复正常。截至今天,我正在使用带有 IE 10(预发布)(10.0.9200.16439)的 Win7。

这是 .selectDropDown 的普通 css 类(如果有帮助,我确实意识到使用太多 !important 标签是不好的)

.selectDropDown
{
    margin-top:5px !important;
    padding:0px 0px 0px 0px !important;   
    display:inline;
    vertical-align:top !important;
    font-size: 9pt;
    height:25px !important;
    z-index:1;
}
4

1 回答 1

1

我通过在 div 中设置下拉菜单并在用户将鼠标悬停在下拉菜单上时使用 jquery 更改 div 的颜色来解决了这个问题。似乎可以正常工作并使用我刚才提到的临时解决方案实现所有浏览器的“悬停”效果的目的。

于 2014-02-04T19:32:32.200 回答