html - 我可以控制 IE 10 选择框的定位吗？

Question

在 Internet Explorer 10 中，下拉框(<select> 元素)的行为发生了变化:展开框时，不是将选项列表放在字段下方，而是覆盖字段，列表的位置如此当前选择的元素位于输入字段的中心。

这有点难以描述，so here's a jsFiddle that shows it .

我们的用户发现这种行为非常令人困惑。我可以在 CSS 中做些什么来使该框的行为与在 IE9 中一样，并且与所有其他主要浏览器一样吗？ (可能像 -ms-clear pseudo-element 这样的东西隐藏了 IE10 文本输入字段中的清除按钮。)

这是一种延时截图:

Answer 1

一个选项是将选择的 size 属性动态更改为选项数量(或固定数量 - 如果您有太多选项)。您可以在按下鼠标时执行此操作，然后在更改时将其更改回来。

样式、选择的位置以及其他事件都必须进行调整 - 但这里是概念证明:http://jsfiddle.net/KnAXL/1/