¿Es posible usar un cuadro de selección de tamaño diferente (ancho) con uniforme (plugin jquery)?

Question

Quiero usar el cuadro de selección múltiple con ancho múltiple con uniforme. El problema es cuando lo hago

$('#small').uniform({selectClass:'smallSelect'}); 

$('#big').uniform({selectClass:'bigSelect'}); 

<select id="small"> 
<option>test</option> 
</select> 

<select id="big"> 
<option>test2</option> 
</select> 

Solo se aplica el primero, es decir, se ignora bigSelect.

Answer 1

Puede cambiar el ancho de cada elemento seleccionado al orientar el tramo que se genera directamente. El código crea un envoltorio div con una identificación única de uniform-yourid y elemento de intervalo de hijos con la opción actualmente seleccionada. a continuación se muestra el css de sus ID especificados y puede agregarlo.

<style type="text/css"> 
#uniform-small span 
{ 
    width:100px; 
    text-align:center; 
} 
#uniform-big span 
{ 
    width:200px; 
    text-align:center; 
} 
</style> 

Answer 2

uniform.default.css usa sprite.png de imagen para temas.

En esta imagen se define el ancho de varios controles. Entonces no puedes cambiarlos como tu requisito.

Answer 3

@evanmcd, estaba teniendo el mismo problema que usted y me encontré con que si se establece la selectAutoWidth-false que tomará su clase CSS en cuenta.

$('select').uniform({selectAutoWidth: false}); 

y luego en el CSS que definen un estilo para .selector, que es el cass por defecto para el div que contiene el selecto sí.