CSSの画像ボタンを設定する - 画像：アクティブ

Question

投稿ボタンをclass="myButton"で定義してイメージに置き換え、CSSのスタイルを変更しようとしています。 myButton:activeはクリックされても機能していないようです。

.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コード：

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

Answer 1

チェックこのlink

は、ここに私のCSSです。 myButtonの前に.が見つかりませんでした。それは小さな誤りでした。 :)

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