I want to create a toggle button in html using css. I want it so that when you click on it , it stays pushed in and than when you click it on it again it pops out.
As far as I was searching for answer too, and wanted to acomplish it with CSS. I found solution by CSS NINJA
It is a nice impelmentation of and some css
Live demo!
Although it is not working in IE 8 you could implement selectivizr! and fix CSS where uses opacity to filter to make it work in IE.
EDIT 2014:
for new toggle buttons I do use solution found on Lea Verou blog visually similar to iOS checkbox