下拉宽度 - IE标签裁剪

Question

我知道可以为下拉菜单设置CSS宽度。在FF中，顶部窗口受其影响，而选项项目会缩放到其中的内容，但在IE中，选项也与窗口一样宽，从而削减了选项的标签。

有没有更好的方法来控制SELECT元素的宽度？

<select style="width:100px">
    <option>Very long label 1 is gpoing to be here</option>
    <option>Very long label 2 is gpoing to be here</option>
</select>

Answer 1

• 与开发人员交谈时，请参阅select元素 select元素，因为“下拉”可以推断其他内容 完全。

• 有一个修复here。

Answer 2

您可以使用width: auto规则。这会根据选项的长度自动设置宽度。

如果这对您不起作用，您可以使用Javascript动态更改选择的宽度，但是没有任何简单的操作可以使IE8及其下方的操作符合预期。