Checkboxen und Radioboxen gestalten

Sven Wolfermann stellt eine Idee für individuelle Checkboxen & Radio Inputs vor.

Einige Formular-Elemente lassen sich (…) nur schwerlich, bis gar nicht cross-browser-konform stylen, z.B. das input[type=”file”]. Für Checkboxen und Radio-Buttons möchte ich heute eine Möglichkeit zeigen, die zudem auch die neuen CSS3 Pseudo-Klasse :checked beinhaltet.

Die Idee ist die Input-Felder über background-clip zu verstecken und das Label Element für die Styles zu nutzen.

 

bvt