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

Question

<select>的宽度为60px，

但<option>的内容比此长。

隐藏在IE6中。

如何解决这个问题？

Answer 1

我之前试图解决这个问题，我所能找到的只是javascript hacks。我曾经发现一个曾经运作良好，但我不知道在哪里。

你可以试试这个： http://brandonbuttars.com/2009/09/css-select-options-internet-explorer-cut-off/

Google上有很多其他选项： http://www.google.ca/search?hl=en&safe=off&q=ie6+cutoff+select+options&btnG=Search&meta=&aq=f&oq=

Answer 2

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

Answer 3

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

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

Answer 4

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

Answer 5

我知道这是多年之后，但它可能有助于寻找解决方案的人。

您可以通过在焦点处于焦点时设置选择的宽度来在CSS中执行此操作，例如

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

和

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

http://dinowebs.net/?p=114

的完整文章