How can I change a button's color on hover?

Question

I need to change the color of a button on hover.

Here is my solution, but it doesn\'t work.

a.button {
   display: -moz-inline-stack;
   display: inl         


        

Answer 1

a.button a:hover means "a link that's being hovered over that is a child of a link with the class button".

Go instead for a.button:hover.

Answer 2

Seems your selector is wrong, try using:

a.button:hover{
     background: #383;
}

Your code

a.button a:hover

Means it is going to search for an a element inside a with class button.

Answer 3

a.button:hover{
    background: #383;  }

works for me but in my case

#buttonClick:hover {
background-color:green;  }