是否可以控制 IE8 中选择时的下拉列表宽度?
当页面加载时,我希望下拉列表足够小以仅包含单词 SELECT,但是当用户单击它进行选择时,它应该足够扩展以确保所有选择在宽度方向上都是完全可见的。
FF 做到了,IE9 做到了。但是 IE8 切断了宽度。
有什么修复吗?谢谢
是否可以控制 IE8 中选择时的下拉列表宽度?
当页面加载时,我希望下拉列表足够小以仅包含单词 SELECT,但是当用户单击它进行选择时,它应该足够扩展以确保所有选择在宽度方向上都是完全可见的。
FF 做到了,IE9 做到了。但是 IE8 切断了宽度。
有什么修复吗?谢谢
只需尝试在 CSS 下面包含。
select:focus{width:auto !important;}
我希望它能解决你的问题。
对于 IE8,您需要为此使用一些 JavaScript。也有执行此操作的 JQuery 插件,但我认为不使用 js 就无法解决。
查看其他 SO 线程,了解您可能使用的不同方法和 js 库。
根据我的经验,最好的解决方案是用其他 HTML、CSS 和 JavaScript 组合替换 select 元素,因为尝试在某些事件上更改原始 select 的宽度会移动它右侧的内容。