Si al momento de armar tus formularios no quedas satisfecho con el estilo, el plug-in Uniform de JQuery puede darte una ayudita.
Su uso es bastante fácil:
<!-- incluimos el jquery--> <script src="jquery.js" type="text/javascript" charset="utf-8"></script> <!-- incluimos el plugin --> <script src="jquery.uniform.js" type="text/javascript" charset="utf-8"></script> <!-- incluimos el css --> <link rel="stylesheet" href="aristo/css/uniform.aristo.css" type="text/css" media="screen"/> <!-- configuranos el plugin --> <script type="text/javascript" charset="utf-8"> $(function(){ // lo aplicamos a algunos campos $("input, textarea, select, button").uniform(); }); </script>
El plug-in dispone de varios temas que se pueden aplicar sin mayor novedad, solo cambiando la ruta hacia el css correspondiente
<link rel="stylesheet" href="aristo/css/uniform.TEMA.css" type="text/css" media="screen">
Si no te interesa aplicarlo a todo los campos, podemos hacer algo como:
// aplicandolo solo a los campos de tipo select $("select").uniform();
a determinados campos:
// solo alos checkbox y radio buttons $("input[type=checkbox], input[type=radio]").uniform();
a campos que usen la clase asignar:
$(".asignar").uniform();
El plug-in es compatible con:
Safari 3+
Firefox 3+
IE7+
Chrome
jQuery 1.3+
Opera 10+
Desactivado para el IE6
Firefox 3+
IE7+
Chrome
jQuery 1.3+
Opera 10+
Desactivado para el IE6
Sitio oficial: uniformjs.com
Descarga: desde github.com
- Los comentarios están siendo moderados y serán publicados en la brevedad posible.