Jquery Cambiamento uniforme selezionare la dimensione

Question

Come posso cambiare la dimensione di un input selezionare usando Jquery Uniform?

http://uniformjs.com

Answer 1

Variazione larghezza per div.selector span usando i CSS, ma Dovrete prendere in considerazione la larghezza di tag padre troppo.

Answer 2

<script> 
$('div.selector span', $('#parent_span')).css('width', '600px'); 
$('div.selector', $('#parent_span')).css('width', '630px'); 
</script> 

<span id="parent_span"> 
<select style="width:630px;"> 
</select> 
</span> 

Answer 3

Questo è ciò che ha funzionato per me:

impostato selectAutoWidth : true durante la creazione.

es:

$("select, input, textarea, input:checkbox, input:radio, input:file").uniform({selectAutoWidth : true});

quindi invia un larghezza di selezione. ad esempio: <select id="xx" style="width:70px;">

Answer 4

E 'cattiva pratica di utilizzare lo styling in linea. Ecco il modo corretto di farlo secondo i documenti Uniform:

Se si desidera specificare una dimensione di un elemento di selezione e quindi disporre di Uniforme in modo appropriato, ci sarà qualche difficoltà. La dimensione dell'elemento deve essere rilevata e quindi verrà modificata da Uniform. Affinché questo accada, è consigliabile che tu faccia una di queste soluzioni in caso di problemi.

• impostare una larghezza linea personalizzata per l'elemento() (cattiva pratica)

  O

• Usa due regole CSS; selezionare {width: XXpx} e .selector selezionare {width: 100%}

Quindi, utilizzando la seconda opzione, nel file css fare:

#parent_span select {width:630px;) 
#parent_span .selector select {width:100%;} 

Il trucco è il 630px viene utilizzato per costruisci il div Unif del wrapping e poi il secondo kick di rule css in cui il tag select prende il 100% al suo interno.