सीएसएस में एक छवि बटन सेट करना - छवि: सक्रिय

Question

मैं इसे class="myButton" में परिभाषित करके सबमिट बटन को प्रतिस्थापित करने की कोशिश कर रहा हूं और सीएसएस में शैलियों को बदल सकता हूं। क्लिक किए जाने पर 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; 
} 

एचटीएमएल कोड:

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