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

User · Answer

Do this for a cool border and font effect    ck-button hover                 ADD  hover        margin 4px      background-color  EFEFEF      border-radius 4px      border 1px solid red         change border color        overflow auto      float left      color red                    add font color       Example  http   jsfiddle net zAFND 6

User · Answer

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

User · Answer

ck-button hover       background red      Fiddle  http   jsfiddle net zAFND 4

User · Answer

Do what Kelly said      BUT  Instead of having the input positioned absolute and top -20px  just hiding it off the page   make the input box hidden   example    lt input type  checkbox  hidden gt     Works better and can put it anywhere on the page

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

Examples related to css

Examples related to hover

Examples related to css-selectors