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

Question

在 Internet Explorer 10 中，下拉框（<select>元素）的行为发生了变化：当展开框时，不是将选项列表放在字段下方，而是列表覆盖字段，列表的位置使当前选定的元素以输入字段为中心。

这有点难以描述，所以这里有一个 jsFiddle 来展示它。

我们的用户发现这种行为非常令人困惑。我可以在 CSS 中做些什么来让盒子像在 IE9 中一样，并且像其他所有主要浏览器一样？（可能类似于在 IE10 文本输入字段中隐藏清除按钮的-ms-clear 伪元素。）

这是一种延时截图：

Answer 1

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

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