2015-08-21 4 views
7

Я пытаюсь использовать Selectize, чтобы отобразить выпадающее меню с очень длинными надписями. Текст может быть довольно широким, но вход имеет ограничение по ширине. Selectize отлично обертывает текст (как на входе, так и на выпадающем списке), но в идеале выпадающее значение может масштабироваться шире, чем вход, чтобы обеспечить лучшую читаемость. Можно ли выбрать Selectize, чтобы иметь ширину выпадающего списка независимо от входа?Выделить ширину выпадающего списка независимо от ввода

<select style="width:300px" multiple> 
<option value="">Enter some tags...</option> 
<option value="1" selected>QID7_4 : Where do you store your digital photos? Check all that apply.-On a cloud service like iCloud, Dropbox, Google Drive, or Amazon Cloud</option> 
<option value="2">QID5_2 : What do you take pictures of most often? Please rank the following/by drag and drop.-Friends and social activities</option> 
<option value="3">QID13_5 : How important is it to you that your photos are organized in the/following ways?-By quality (including favorites)</option> 

Текущий вид:

enter image description here

Желаемый вид: enter image description here

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

Example jsFiddle

+0

У меня нет вашего вопроса 100%? вы можете объяснить –

+0

Извините за путаницу. Обновлено с изображениями, объясняющими текущую и желаемую функциональность – rapidninja

ответ

11

Ширина каждой метки устанавливаются динамически через JS. Чтобы перезаписать, что как насчет делать что-то вроде этого: Ответ

.selectize-dropdown { 
    width: 600px !important; 
} 

Fiddle

+0

Слишком легко! Благодарю за быстрое исправление. – rapidninja

+0

@rapidninja Отлично! Рад, что это помогло. –

+0

Спасибо! Как насчет 'min-width', на всякий случай? –

3

Робин не работает для меня. Однако следующее.

.selectize-input { 
    min-width: 600px !important; 
} 
+0

Но это не зависит от ввода – Oleg

+0

Вы правы @Oleg. Цель OP состоит в том, чтобы сделать раскрывающийся текст более читабельным, если раскрывающееся меню расширяется, чтобы обернуть меньше ». из моего понимания, а не для того, чтобы он строго имел определенную ширину. –