Hover and Active only when not disabled

Question

I use hover, active and disabled to style Buttons.

But the problem is when the button is disabled the hover and ac

Answer 1

You can use :enabled pseudo-class, but notice IE<9 does not support it:

button:hover:enabled{
    /*your styles*/
}
button:active:enabled{
    /*your styles*/
}