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>

有什么方法可以像往常一样使选择框下方的选项或 IE10 有任何 hack？

谢谢。

4

4 回答 4

8

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

于 2013-01-04T12:58:12.110 回答
2

用于 <select size="1">强制单行可见。这不是 IE10 特定的 hack，但可以全面发挥作用。

于 2013-01-04T12:50:39.067 回答
1

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

于 2013-02-06T10:22:08.823 回答
0

我正在寻找在一个站点中解决相同的问题...我发现最新的 Telerik 控件在 IE10 中“正确”或更正确地“以 IE9 方式”工作 .. :-)

我没有使用过这个最新版本，也没有为 Telerik 工作，所以如果它让你感到痛苦，请不要射击信使..

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

于 2013-05-06T00:53:03.010 回答