Установить ширину опций выбора

У меня есть проблема с шириной опций select tag. Я хочу длинный текст, чтобы не вызывать параметры, выходящие за пределы выделенной области тег. Такое поведение можно рассматривать в этой скрипке: http://jsfiddle.net/zono/KTu7x/5/ Это только один простого выбери тег:Установить ширину опций выбора

<select id="myselect"> 
<option>short string</option> 
<option>long string long string long string</option>  
<option>short string</option> 
<option>short string</option> 
<option>short string</option> 
</select>

Я не хочу вариантов выйти за пределы черной каймы (прилагаются изображение). enter image description here

Я был бы признателен за любую помощь.

С уважением.

источник

2014-01-23 Georgi Naumov

Что вы хотите от этого сделать? Эллипсис? например: «long string long ...» – RichieAHB

Текст для перехода на вторую строку или если невозможно не быть видимым. word-break: break-all; переполнение: скрыто; на селекторе выбора не помогают вообще. –

Ну, с чистым css, я думаю, вы не сможете изменить это поведение. Что вы можете сделать, это перестроить выбор с помощью ul и li (http://stackoverflow.com/questions/8430279/how-to-style-the-option-with-only-css#8431078) – bouscher

$("#testselectset").selectBoxIt({ 
      theme: "default", 
      defaultText: "Make a selection...", 
      autoWidth: false 
     });

Вы не сможете сохранить размер поля выбора, но если вы используете Selectboxit плагин вы должны достичь этого. Это делает обертку опциона после того, как текст дойдет до определенной точки. Посмотрите пример here. Надеюсь, это поможет!

источник

2017-09-28 05:31:04

Установить ширину опций выбора

ответ

Смежные вопросы