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.
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.