Как сделать <option>шире <select>в IE6?

Question

<select> имеет ширину 60px,

но содержание <option> длиннее.

Что скрыто в IE6.

Как это исправить?

Answer 1

Я знаю, что это годы спустя, но это может помочь кому-то в поиске решения.

Вы можете сделать это в CSS, установив ширину выделения, когда он находится в фокусе, например,

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

и

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

Полная статья на http://dinowebs.net/?p=114

Answer 2

К сожалению, это невозможно. Вы можете использовать пользовательские сценарии, подобные этому: http://www.icant.co.uk/forreview/tamingselect/,, но все же - это решение на основе JavaScript.

Answer 3

Мы добавили кнопку рядом, чтобы выбрать, какое изменение ширины выберите на значение по умолчанию, чтобы оно стало неограниченным по ширине.

Answer 4

Короткий и простой ответ: это невозможно без JavaScript. А с JavaScript-решением ваш макет будет подпрыгивать , когда select станет шире.

См. Мой комментарий к дублирующим темам для получения дополнительной информации.

Answer 5

Я пытался выяснить это раньше, и все, что я мог найти, это взломы javascript. Однажды я нашел один, который работал хорошо, но я не знаю, где.

Вы можете попробовать это: 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=