Seleziona larghezza dropdown indipendente dall'ingresso

Question

Sto tentando di utilizzare Selectize per eseguire il rendering di un elenco a discesa di etichette molto lunghe. Il testo può essere abbastanza ampio, ma l'input ha un vincolo sulla larghezza. Selectize avvolge perfettamente il testo (sia in input che in drop down) ma idealmente il menu a tendina sarebbe in grado di scalare più ampio dell'input per consentire una migliore leggibilità. È possibile ottenere Selectize per avere una larghezza del dropdown indipendente dall'input?

<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> 

aspetto attuale:

aspetto desiderato:

L'idea è il testo è molto più leggibile se la discesa si espande per avvolgere meno.

Example jsFiddle

Answer 1

Le larghezze di ogni etichetta vengono impostati dinamicamente tramite JS. per sovrascrivere il modo di fare qualcosa di simile: risposta

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

Fiddle

Answer 2

di Robin non ha funzionato per me. Tuttavia ha fatto quanto segue.

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