如何更改悬停按钮的图像

Question

我希望能够在用户将鼠标悬停在按钮上时更改按钮图像。由于

<input type="image" src="qmb.png" name="saveForm" class="btTxt submit" id="button" height="49.5px" padding = "0px"/> 


#button { 
    text-align:center; 
    float:left; 

    } 

    #button:hover { 
    text-align:center; 
    float:left; 
    background-image: url('qmb2.png') 

    } 

Answer 1

#button:hover { 
background-image: url('qmb2.png') 
} 

也，悬停你不需要再次重复所有属性

Answer 2

这应该解决的问题，从HTML输入删除图像

<input type="image" name="saveForm" class="btTxt submit" id="button" height="49.5px" padding = "0px"/> 

和把它放在CSS中

#button { 
    text-align:center; 
    float:left; 
    background-image: url('qmb.png') 
} 

#button:hover { 
    text-align:center; 
    float:left; 
    background-image: url('qmb2.png') 
} 

Fiddle