javascript - 如何使SELECT元素的宽度保持较小，但OPTIONS灵活

问题:

我的下拉列表是动态加载的，其中有些选项很长，这使我的页面布局困惑。我希望select元素的大小很小，但是当扩展时，允许用户查看所有长options。为此，我已将width的SELECT设置为固定值，例如width:200px;
预期/期望的行为(在Chrome中运行)

在IE8中的实际行为

我尝试了什么:

select{
    overflow:show;
}
option{
    overflow:show;
    width:1000px;
}

SIMDLIFIED FIDDLE:

http://jsfiddle.net/gCbhq/2/

最佳答案

好。不确定是否有帮助。我正在使用Jquery Mobile，而我的选择按钮仅是图标(= 28px)。在IE8上，我所有的选项也都设置为28px。

我用这个解决了:

select { min-width: 150px !important; }

但这只会起作用，因为Jquery Mobile隐藏了选择并在“顶部”添加了它自己的元素。

las，这是个解决方法-http://css-tricks.com/select-cuts-off-options-in-ie-fix/