CSS'de görüntü düğmesi ayarlama - image: active

Question

Gönderme düğmesini class="myButton" içinde tanımlayarak görüntüyü değiştirmeye çalışıyorum ve stilleri CSS'de değiştiriyorum. myButton:active tıklandığında işe yaramıyor.

.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 kodu:

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

Answer 1

Kontrol bu link

İşte benim CSS olduğunu. myButton'dan önce . eksik. Küçük bir hataydı. :)

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