控制 IE8 中 select 的下拉列表宽度

Question

IE8中select时可以控制下拉列表宽度吗？

当页面加载时，我希望下拉列表足够小，仅包含“SELECT”一词，但是当用户单击它进行选择时，它应该足够扩展以确保所有选择在宽度方向上完全可见。

FF 可以，IE9 也可以。但 IE8 截掉了宽度。

我该如何解决这个问题？

Answer 1

尝试包含以下 CSS。

select:focus{width:auto !important;}

希望它能解决您的问题。

Answer 2

对于 IE8，您需要使用一些 JavaScript 来执行此操作。也有 JQuery 插件可以做到这一点，但我认为不使用 js 就没有解决办法。

查看另一个 SO 线程，了解您可能使用的不同方法和 js 库。

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