Question

我在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>

有没有办法像往常一样在选择框下面制作选项，或者IE10有什么黑客攻击？

感谢。

Answer 1

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

Answer 2

使用 <select size="1">强制显示单行。这不是IE10特定的黑客攻击，而是全面运作。

Answer 3

IE10中新行为的一个优点是它使触摸交互更容易。此外，它与Windows其余部分的行为一致。目前没有办法改变这种行为。我已将反馈传递给IE团队。

Answer 4

我希望在网站中解决同样的问题...我发现最新的telerik控件在IE10中“正确”或更正确地“IE9方式”工作..： - ）

我没有使用这个最新版本，也没有为Telerik工作，所以如果它导致你痛苦，不要拍摄信使......

http://demos.telerik.com/aspnet-ajax/dropdownlist/examples/overview/defaultcs.aspx

IE10选择框问题

4 个答案: