Jquery Uniform cambiar seleccionar tamaño

Question

¿Cómo puedo cambiar el tamaño de una entrada seleccionada usando Jquery Uniform?

http://uniformjs.com

Answer 1

cambiar el ancho de div.selector span el uso de CSS, pero usted tendrá que considerar el ancho de etiqueta padre también.

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

Esto es lo que funcionó para mí:

conjunto selectAutoWidth : true la hora de crear.

por ejemplo:

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

a continuación, dar una anchura a la selección. por ejemplo: <select id="xx" style="width:70px;">

Answer 4

Es una mala práctica usar el estilo en línea. Esta es la forma correcta de hacerlo de acuerdo con los documentos uniformes:

Si desea especificar el tamaño de un elemento seleccionado y luego tener Uniform envolverlo adecuadamente, habrá alguna dificultad. El tamaño del elemento necesita ser detectado y luego será cambiado por Uniform. Para que esto suceda, se sugiere que haga una de estas soluciones cuando tenga problemas.

• establecer un ancho de línea de encargo para el elemento() (mala práctica)

  O

• Uso dos reglas CSS; seleccione {width: XXpx} y .Selector seleccione {width: 100%}

Así, utilizando la segunda opción, en su archivo css hacer:

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

El truco es el 630px se utiliza para construye el envoltorio div uniforme y luego la segunda regla css inicia, lo que hace que la etiqueta de selección tome 100% dentro de ella.