如何在 IE6 中使 <option> 比 <select> 更宽？答案

【问题标题】：How to make <option> wider than <select> in IE6?如何在 IE6 中使 <option> 比 <select> 更宽？
【发布时间】：2010-12-16 04:55:46
【问题描述】：

<select> 的宽度为60px，

但是<option>的内容比那个长。

在 IE6 中隐藏。

如何解决？

【问题讨论】：

重复？ stackoverflow.com/questions/1700807/…, stackoverflow.com/questions/1702186/…
@anddoutoi，通过这些线程观察，似乎没有解决方案。
@Jason - IE7 也有同样的问题...

【解决方案1】：

我知道这是几年后的事，但它可能会帮助寻找解决方案的人。

您可以在 CSS 中通过设置焦点时选择的宽度来实现，例如

select {
    width: 100px; /* normal state */
}

和

select:focus {
    width: 200px; /* wider when in focus */
}

【讨论】：

【解决方案2】：

很遗憾，这是不可能的。您可以使用像这样的自定义脚本：http://www.icant.co.uk/forreview/tamingselect/，但仍然 - 它是基于 JavaScript 的解决方案。

【讨论】：

【解决方案3】：

简短的回答：没有 JavaScript 是不可能的。使用 JavaScript 解决方案，当select 变宽时，您的布局将跳跃。

有关更多信息，请参阅我对重复线程的评论。

【讨论】：

【解决方案4】：

我们在选择旁边添加了一个按钮，可以将选择的宽度更改为默认值，因此它的宽度不受限制。

【讨论】：

【解决方案5】：

我之前尝试过解决这个问题，但我只能找到 javascript hacks。从前我发现了一个效果很好但我不知道在哪里。

【讨论】：