在CSS中設置圖像按鈕 - 圖像：活動

Question

我試圖用class="myButton"中的圖像替換提交按鈕，並更改CSS中的樣式。單擊時，myButton:active似乎不起作用。

這裏是我的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代碼：

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

Answer 1

檢查這個link。您在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; 
}