css only checkbox (with content attribute)

Question

how can I make a custom checkbox with css only (no JS no JQ) with content:\"on\" when checked and content:\"off\" when uncheked.

Thanks.

reedit

OK, a

Answer 1

It is possible. Check out these blog posts by Ryan Seddon. He explain how you can play with checkbox and CSS

http://www.thecssninja.com/css/custom-inputs-using-css

http://www.thecssninja.com/css/futurebox3

http://www.thecssninja.com/css/css-tree-menu