Selector Decorator es un plugin para jQuery permite permite añadir estilo visual a los campos de selección ó listas desplegables HTML.
Cómo usarlo
En la parte del HTML definimos nuestra lista:
<div>
<select id="MySelect">
<option value="1">Option one</option>
<option value="2">Option two</option>
<option value="3">Option three</option>
</select>
</div>
En JavaScript:
<script type="text/javascript">
jQuery('document').ready(function(){
jQuery("#MySelect").selectdecorator(
{
DIVClass : "selectholder"
}
);
});
</script>
En la hoja de estilos CSS:
.selectholder{
width:242px;
overflow:0px;
padding:4px;
height:22px;
display:block;
background:url(images/select.gif);
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
}
.selectholder select{
min-width:242px;
}