select IE 中的标签 - 正确的设计

select tag in IE - correct design

我在 IE 资源管理器中阅读了很多关于设计 select-option-list 的问题和博客。 None 个回答了这个简单的问题:

为什么IE查看select选项时隐藏置顶输入法? 如果 selectedOption 不是第一个 - 情况更糟:optionList compose 高于输入本身。

看图片:

列表隐藏输入:

当 selected 项目不是他的第一选择时情况更糟:

并且在 chrome - 一切正常:

这是 IE10 中 select 标签的默认行为。在选项 selected 的基础上,相应地呈现 select 列表。你不能直接控制它,但如果你真的想要,你可以检测视口外的溢出并相应地重新定位列表。另一个快速解决方法是使用基于 javascript 的 select(诸如 chosen 之类的插件)或者您甚至可以手动将 selected 选项的位置更改为第一个,如果你想要一个 hack-ish 的方式来解决这个问题。