2013-01-04 66 views
10

我是测试我在IE10应用和发现选择框一个奇怪的行为。选中的选项被高亮显示,上方/下方的选项显示在选定的选项上方/下方。下拉框隐藏。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任何黑客?

谢谢。

回答

2

使用 <select size="1">强制可见一行。这不是一个IE10特定的黑客攻击,但可以全面工作。

+2

为什么downvote?这不是一个明显的特征,更重要的是,它是一个解决方案,不管它是否符合你的愿望/实现。感谢分享@Jan Wikholm – albert

8

这是该控制在Internet Explorer 10根据列表中的项目的数量和屏幕的大小,其他浏览器会显示不同的菜单,以及默认的行为 - 虽然我认为IE10是唯一浏览器将在打开下拉列表时平衡select元素上下的项目数量。

+1

'select'在Windows7 + IE10(预发布)中也具有相同的行为。 – Teemu

1

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