IE10选择框问题

use*_*426 10 internet-explorer-10

我在IE10中测试我的应用程序,发现选择框有一个奇怪的行为.选中的选项将突出显示,上方/下方的选项将显示在所选选项的上方/下方.下拉框被隐藏.

这只发生在IE10中.在所有其他浏览器中,选项显示在选择框下方.

尝试在IE10和IE9中使用以下示例代码:

<!DOCTYPE html>
<html>
    <body>
        <select>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="opel">Opel</option>
            <option value="audi">Audi</option>
        </select>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

有没有办法像往常一样在选择框下方制作选项,还是IE10有任何破解?

谢谢.

Sam*_*son 8

这是Internet Explorer 10中此控件的默认行为.根据列表中的项目数和屏幕大小,其他浏览器也会以不同的方式显示菜单 - 尽管我认为IE10是唯一可以平衡的浏览器打开下拉列表时,select元素上方和下方的项目数.


Jan*_*olm 2

用于 <select size="1">强制单行可见。这不是 IE10 特定的 hack,但适用于所有情况。

  • 为什么投反对票?在我看来,这不是一个明显的功能,而且,它是一个解决方案,无论它是否符合您的愿望/实现。感谢分享@Jan Wikholm (2认同)