Demos

demo Estilos para checkbox y radio

Características

  • Uso de los pseudo-elementos :before y :after de los label asociados a cada input.
  • Con la pseudo-clase :checked de CSS3 podemos dar estilos a elementos checkeados.
  • Con la pseudo-clase :disabled de CSS3 podemos dar estilos a elementos desactivados.
  • Se puede combinar con la pseudo-clase :hover , aunque no es recomendable ya que puede llevar a confusión al usuario.

Ver Styling Radio & Checkbox Input Fields de Josetxu (@josetxu) en CodePen.

ver tutorial en el blog