Sergio Gago

Cuando se diseñan aplicaciones Web con un diseño relativamente diferente a los estándares (cosa no muy dificil de ocurrir en proyectos Web2.0), uno de los mayores quebraderos de cabeza es como conseguir que los formularios sigan el mismo estilo y queden cohesionados con el resto de la imagen de la plataforma.

Puedes cambiarles el color de fondo (con mejor o peor resultado según el navegador), puedes darles borde, maquetarlos de una forma un otra, pero los radiobuttons siempre serán un circulo blanco con un puntazo negro en el centro, y los checkboxes siempre serán cajas horrendas con un “tick” negro.

Lo cierto es que existen varias soluciones para esto por internet, incluso el cómo hacerlo por nosotros mismos, pero el código que nos ofrece Chris Erwin es el que se me antoja más sencilla, rápida y ligera. Con solo uans pocas líneas de código, transformaremos nuestros formularios del pasado en unos preciosos elementos de interacción con el usuario, perfectamente integrados en nuestro diseño, y la mar de bonitos! Pero sobre todo, funciona tanto en Firefox como en IE.
Estilizado de Checkboxes y Radiobuttons