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

标签 html css internet-explorer internet-explorer-10

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

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

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

这是一种延时截图:

IE 10 select box behavior screenshot

最佳答案

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

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

关于html - 我可以控制 IE 10 选择框的定位吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19056593/

相关文章:

html - 验证我的 css 时出现解析错误

html - CSS 表格布局中的 iframe

javascript - 提交表单后如何使用清除缓存硬刷新 Internet Explorer?

css - 在 IE 8 上使用 Filter css 后的灰色背景

javascript - 如何将 html5 视频静音?

html - 向左填充不起作用

javascript - jQuery .animate() 导致输入不稳定

html - 如何使内部div的高度加起来等于父div的高度?行高在其中扮演什么角色?

javascript - 如何在鼠标悬停时将 CSS 类动态添加到表格行

c# - 在 Internet Explorer 实例中运行 JavaScript 函数