我的页面中有一个 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;
}