CSS: styled a checkbox to look like a button, is there a hover?

Question

I've created a small looking button to display instead of a checkbox. I was wondering if there was a way to also have a :hover look somehow? thanks

http://jsfiddle.net/zAFND/2/

Answer 1

#ck-button:hover {     background:red; } 

Fiddle: http://jsfiddle.net/zAFND/4/

Answer 2

it looks like you need a rule very similar to your checked rule

http://jsfiddle.net/VWBN4/3

#ck-button input:hover + span {     background-color:#191;     color:#fff; } 

and for hover and clicked state:

#ck-button input:checked:hover + span {     background-color:#c11;     color:#fff; } 

the order is important though.