Come posso cambiare il colore di un pulsante al passaggio del mouse?

Question

Ho bisogno di cambiare il colore di un pulsante al passaggio del mouse.

Ecco la mia soluzione, ma non funziona.

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 significa "un legame che viene aleggiava che è figlio di un legame con la classe button".

Vai invece per a.button:hover.

Answer 2

Sembra vostro selettore è sbagliato, provare a utilizzare:

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

Il codice

a.button a:hover 

significa che sta andando a cercare un elemento a all'interno a con dei pulsanti.

Answer 3

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

opere per me, ma nel mio caso

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