CRIR – Checkbox & Radio Input Replacement

O CRIR (Checkbox & Radio Input Replacement) é uma combinação de JavaScript com CSS que permite você personalizar a aparência dos elementos checkbox e radio button, trocando-os por imagens. Este script é muito útil quando você quer ter uma interface 100% personalizada. O mais importante do script é que ele é 100% não obstrusivo, ou seja, se desabilitar o javascript do seu browser você passa a ver os checkbox e radio buttons normalmente, com a aparência padrão que seu browsers está acostumado a renderizar.

Para implementar, basta linkar o script (isto é óbvio pra você, certo?) e a folha de estilos específica para ele e adicionar uma classe no elemento (ou checkbox ou radio button) que quer que o javascript substitua pelas imagens previamente preparadas por você. Vale lembrar que existe algumas declarações no CSS responsáveis pelo endereçamento das imagens que deve substituir os elementos nos status de selecionado e não selecionado. No site do criador do script ele dá as dicas com mais detalhes de como implementar. O script é gratuito e pode ser baixado aqui! Meu conselho é que leia o texto do autor antes de tentar fazer alguma mágica!