css - para - ¿Cómo puedo cambiar el color de un botón en el hover?

diferentes estilos para links css

Question

Necesito cambiar el color de un botón al pasar el mouse.

Aquí está mi solución, pero no funciona.

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

Parece que tu selector está equivocado, intenta usar:

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

Tu codigo

a.button a:hover

Significa que va a buscar a elemento dentro de a botón con clase.

Answer 2

a.button a:hover significa "un enlace que se está moviendo sobre eso es un elemento secundario de un enlace con el button clase".

Ir en lugar de un a.button:hover .

Answer 3

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

trabaja para mi pero en mi caso

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