Checkboxes y Radio Buttons personalizados con CSS y Javascript

Alma Fernández 28/07/2006

Hace tiempo llegó a portada de digg un artículo, del que se hicieron eco algunos blogs como Sentido Web, que hablaba de cómo dar estilo a los checkboxes y radio buttons de los formularios. Como viene siendo habitual, la mayor pega de este método es que no funciona en Internet Explorer.

Si quieres dar estilo a los radio buttons y checkbox de tus formularios, para todos los navegadores con javascript activado, prueba la técnica de Chris Erwin.

Por medio de Javascript se ocultan los botones y se le da estilo a la etiqueta label.
El formulario sigue recogiendo los datos normalmente ya que es la propia etiqueta label la que activa el control correspondiente.
Y si el Javascript no está activado, no se ocultarán los controles y el formulario se presentará como un formulario normal, totalmente funcional.

Ejemplo del CRIR en accion

Su implementación es muy sencilla, tenéis instrucciones detalladas en la página del autor.

CRIR: http://www.chriserwin.com/scripts/crir/index.php

Otras entradas que pueden interesarte:

CSS, Javascript, Scripts

Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades

francisco dice:

9 Noviembre 2006 a las 23:47

disculpa, queria ver si tambie al momento de seleccionar un radio butto lo puede deseleccionar, picando de nuevo el radio, sin tener k aser click en otro radio para k ese se deselecciones.. gracias por tu tiempo..