Hasta ahora, casi la mayoría de los elementos que conforman a un formulario web, pueden ser modificados y estilizados gracias a los CSS (Cascading Style Sheets), permitiéndonos adaptarlos y acoplarlos al diseño particular de nuestro sitio.

Pero dos elementos bastante complicados de modificar, de manera consistente, son los Radio Buttons y los CheckBoxes (utilizados para seleccionar uno o varios elementos, respectivamente). Esto es hasta ahora, ya que según vemos en este sitio, han logrado una manera de reemplazar estos controles con imágenes personalizadas, incluso ofreciendo un código fuente limpio y compatible con xHTML.

Cómo si esto no fuera poco, en los casos en que el navegador no tuviera Javascript activado, o no tuviera el soporte para CSS (o ambos casos), este sistema degrada correctamente, mostrando los controles habituales, y escondiendo los estilizados.

Pueden descargar todo el código fuente y los archivos de ejemplo, en este enlace.