Programming Blog
Web development , php , ajax , symfony, framework, zend
Using CSS to Style Radiobuttons and Checkboxes for Safari and Chrome
In: web resources
19 Jul 2009
WebKit browsers (Safari, Chrome, Konqueror) have vendor-specific implementation of the CSS appearance property, as well as full support for the :checked and :disabled pseudo classes. The property is called -khtml-appearance and it’s default value is visual. When set to none, it turns the specified control(s) to a blank slate, and this, combined with :checked, :hover and :disabled provides the ability of practically any styling of checkboxes and radiobuttons without any JavaScript or complex layout tricks. All we need is a sprite that contains all possible states (checked, unchecked, hover) of checkboxes and radiobuttons and as few as 50 lines of CSS.
Comment Form
About this blog
This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.
- sixtus: The usual technique which reduces volatility the most is to split it into stocks and bonds. Since bo [...]
- ♥Becca: Rabbits are wonderful,great pets. They can be litter trained and are sweet. When you brother holds h [...]
- jasonlovinit: you have to reactivate it going to the store will help a lot [...]
- Dan M: Pirate Island. they have them in Sea Isle, Atlantic City, Ocean City, and i believe Wildwood but I c [...]
- daisydmb22: Nope, they sure can't. They probably can, however, legally fire you. (Whether they actually [...]
New offer:
