CRIR: Checkbox & Radio Input Replacement

0 COMENTARIOS -  Publicado hace 44 meses -  Clasificado en:

CRIR es una combinación de Javascript y CSS que permite el reemplazo de los "Checkbox" y "Radio Input", elementos de formulario cuya apariencia principal no puede ser modificada con CSS. Existen otros métodos de reemplazo de estos elementos pero hasta ahora ninguno me había convencido tanto como éste.

CRIR

La implementación de CRIR es muy sencilla:
Lo primero es incluir en nuestro documento "crir.js" y "crir.css", para ello insertamos estas líneas entre las dos etiquetas <head> de nuestro documento:



Para inicializar el script, modificamos la etiqueta body:


Lo siguiente es especificar que "Checkboxes" y "Radio Buttons" necesitas reemplazar, añadiendo la clase "crirHiddenJS":

 
 

Más información, demostración y archivo de descarga en la web del autor.

Algunas entradas relacionadas:

También te puede interesar: