Как изменить цвет кнопки при наведении курсора?

Question

Мне нужно изменить цвет кнопки при наведении.

Это мое решение, но оно не работает.

a.button { 
    display: -moz-inline-stack; 
    display: inline-block; 
    width: 391px; 
    height: 62px; 
    background: url("img/btncolor.png") no-repeat; 
    line-height: 62px; 
    vertical-align: text-middle; 
    text-align: center; 
    color: #ebe6eb; 
    font-family: Zenhei; 
    font-size: 39px; 
    font-weight: normal; 
    font-style: normal; 
    text-shadow: #222222 1px 1px 0; 
} 
a.button a:hover{ 
    background: #383; 
} 

Answer 1

a.button a:hover означает «ссылку, которая будучи парил над что ребенок в связи с классом button».

Идти вместо a.button:hover.

Answer 2

Кажется, ваш селектор неправильно, попробуйте использовать:

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

Ваш код

a.button a:hover 

Значит будет искать для a элемента внутри a с кнопкой класса.

Answer 3

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

работает для меня, но в моем случае

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