Imageless CSS3 Custom Checkboxes and Radio Buttons

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 [...]

Read Full Post »

CSS3 iPhone Toggle Buttons

On this page you will learn how to create cool iPhone toggle checkboxes and radio buttons with CSS3, minimal, semantic and accessible markup and no JavaScript at all. Really, all you need is markup like this: <div class=”iphone-toggle-buttons”>     <ul>         <li><label for=”checkbox-0″><input type=”checkbox” name=”checkbox-0″ id=”checkbox-0″ /><span>checkbox 0</span></label></li>         <li><label for=”checkbox-1″><input type=”checkbox” name=”checkbox-1″ id=”checkbox-1″ checked=”checked” [...]

Read Full Post »