2009-11-13 1 views
3

<select> имеет ширину 60px,Как сделать <option> шире чем <select> в IE6?

но содержание <option> длиннее, чем это.

Что скрывается в IE6.

enter image description here

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

+1

Дублирование? http://stackoverflow.com/questions/1700807/how-to-show-extended-option-in-select-list, http://stackoverflow.com/questions/1702186/set-width-of-dropdown-element -in-html-select-dropdown-options – anddoutoi

+2

STOP SUPPORTING IE6 – Jason

+0

@ anddoutoi, просматриваемый через эти потоки, не кажется решением. – Mask

ответ

0

Я пытался понять это раньше, и все, что я мог найти, это 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=

0

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

+0

Можете ли вы уточнить? – Csser

0

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

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

0

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

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

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

и

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

Полный текст статьи на http://dinowebs.net/?p=114