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

Question

在Internet Explorer 10中，下拉框（<select>元素）的行为已更改：展开框时，列表将覆盖字段，而不是将选项列表放在字段下方定位使得当前选定的元素在输入字段上居中。

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

我们的用户发现这种行为非常令人困惑。有什么我可以在CSS中做的，使盒子的行为像在IE9中一样，并像其他主流浏览器一样？ （也许类似于隐藏IE10文本输入字段中的清除按钮的-ms-clear pseudo-element。）

这是一种延时截图：

Answer 1

一个选项是将select的size属性动态更改为选项数（或固定数字 - 如果您有太多选项）。您可以在鼠标按下时执行此操作，并在更改时将其更改。

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