On this page you will learn how to create imageless and crossbrowser CSS checkboxes and radio buttons by applying CSS3 generated content, gradients and UTF characters to minimal and semantically correct markup. The styled form elements will preserve their native accessibility features and keyboard support.
Supported Browsers
- Mozilla FireFox
- Google Chrome
- Apple Safari
- Opera
- Microsoft Internet Explorer 9
Go directly to the demo or download the example straight away. Find more experiments here.
Great tutorial acidmartin, just what I have been looking for to avoid using java script. Question: My UTF characters are not displaying in the latest version of Chrome any ideas?
thanks for the information :)
Hi Matthew, I am happy that you like the tutorial. I checked the demo page in the latest version of Chrome, but on my side it seems to work. If you are testing on your own page, could you, please, check if you are sending or setting the correct MIME-type?