Impostazione di un pulsante immagine in CSS - immagine: attivo

Question

Sto cercando di sostituire il pulsante di invio con un'immagine definendolo in un class="myButton" e modificare gli stili in CSS. il myButton:active non sembra funzionare quando viene fatto clic.

Ecco il mio 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; 
} 

codice HTML:

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

Answer 1

Controllare questo link. Ti mancava . prima del myButton. E 'stato un piccolo errore. :)

.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; 
}