Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我可以控制IE 10选择框的定位吗?_Html_Css_Internet Explorer_Internet Explorer 10 - Fatal编程技术网

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

Html 我可以控制IE 10选择框的定位吗?,html,css,internet-explorer,internet-explorer-10,Html,Css,Internet Explorer,Internet Explorer 10,在Internet Explorer 10中,下拉框(元素)的行为发生了变化:展开框时,列表覆盖字段,而不是将选项列表放在字段下方,列表的位置使当前选定的元素位于输入字段的中心 这有点难以形容 我们的用户发现这种行为非常令人困惑。在CSS中,我能做些什么来让这个框像IE9中一样工作,像其他主流浏览器一样工作吗?(可能类似于隐藏IE10文本输入字段中的clear按钮。) 下面是一个延时截图: 一个选项是动态地将select的size属性更改为选项数(如果选项太多,则更改为固定数)。您可以在鼠标按下

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

这有点难以形容

我们的用户发现这种行为非常令人困惑。在CSS中,我能做些什么来让这个框像IE9中一样工作,像其他主流浏览器一样工作吗?(可能类似于隐藏IE10文本输入字段中的clear按钮。)

下面是一个延时截图:


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


选择的样式、位置以及其他事件都必须调整-但这里是概念证明:

我的IE10没有经历这种行为。可能的重复除非MS实现了类似于
-webkit外观的东西,我打赌不会,否则您可以始终使用隐藏的
,并在JS中实现一个,like(支持搜索等)。在旁注中,尝试使用
select::-ms expand{/*stuff*/}
设置箭头样式,对于值部分,尝试使用
select::-ms value{/*stuff*/}
强制,这些伪元素可用于样式选择IE@Diodeus这不是那个问题的重复。另一个问题是关于控制选项框的位置。我在问是否有任何特定于IE的修改,类似于-ms clear的文本输入。不适用于我——当我选择“the”时,下次单击它时,它会返回列表中的第一项而不展开列表。是的。IE10看起来像是完全重写了行为,而这种变通方法不再有效。原因-IE10始终相对于所选选项显示完整列表。下面是一个解释和可能的解决方法: