Einstellen einer Bildschaltfläche in CSS - Bild: aktiv

Question

Ich versuche, die Schaltfläche zum Senden mit einem Bild zu ersetzen, indem Sie es in class="myButton" definieren und die Stile in CSS ändern. Die myButton:active scheint nicht zu funktionieren, wenn Sie darauf klicken.

Hier ist meine 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; 
} 

HTML-Code:

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

Answer 1

prüfen diese link. Du fehlst . vor myButton. Es war ein kleiner Fehler. :)

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