Configurar un botón de imagen en CSS - imagen: activa

Question

Estoy tratando de reemplazar el botón Enviar por una imagen definiéndolo en un class="myButton" y cambiar los estilos en CSS. el myButton:active no parece funcionar al hacer clic.

Aquí es mi CSS:

.myButton{ 
    background:url(./images/but.png) no-repeat; 
    cursor:pointer; 
    border:none; 
    width:100px; 
    height:100px; 
} 

myButton:active { 
    background:url(./images/but2.png) no-repeat; 
} 

código HTML:

<input class="myButton" type="submit" value=""> 

Answer 1

Marque esta link. Usted faltaba . antes de myButton. Fue un pequeño error. :)

.myButton{ 
    background:url(./images/but.png) no-repeat; 
    cursor:pointer; 
    border:none; 
    width:100px; 
    height:100px; 
} 

.myButton:active /* use Dot here */ 
{ 
    background:url(./images/but2.png) no-repeat; 
}