Originally published at: http://www.sitepoint.com/screencast-building-smarter-ui-interactions-using-checked/
:checked pseudo-class is an often overlooked gem in CSS. When paired with checkboxes, radio buttons, and some accompanying CSS selectors, such as the direct sibling combinator (+), it opens up some powerful applications.
:checked a must in the CSS developer’s utility belt.
Watch Ryan guide you through building an iOS toggle switch using these techniques. You can download the code sample from GitHub.