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 »

Custom Crossbrowser Styling for Checkboxes and Radio Buttons

Here’s an unobtrusive crossbrowser solution for checkbox and radio button styling that does not use any vendor-specific properties such as (-webkit-appearance), but relies entirely on official CSS properties and no JavaScript at all. Older browsers that do not support the adjacent elements selector (E + E), :checked and :disabled pseudo classes or generated CSS content [...]

Read Full Post »