在选择中控制IE8中的下拉列表宽度

Question

是否可以控制IE8中选择的下拉列表宽度？

当页面加载时，我希望下拉列表足够小，只能包含单词SELECT，但是当用户点击它进行选择时，它应该扩展到足以确保所有选项完全可见，宽度。

FF做到了，IE9做到了。但IE8切断了宽度。

任何修复？ 感谢

Answer 1

尝试在CSS下面添加。

select:focus{width:auto !important;}

我希望它能解决你的问题。

Answer 2

对于IE8，您需要使用一些JavaScript。有JQuery插件也可以这样做，但我认为没有使用js就没有解决方法。

请查看this other SO thread了解您可能使用的不同方法和js库。

根据我的经验，最好的解决方案是将select元素替换为其他HTML，CSS和JavaScript组合，因为尝试更改某些事件上原始选择的宽度会移动右侧的内容。