इसलिए, मैं एक छवि का उपयोग करके एक इनपुट बटन बना सकता हूं
<INPUT type="image" src="/images/Btn.PNG" value="">
लेकिन, मुझे CSS का उपयोग करके समान व्यवहार नहीं मिल सकता है। उदाहरण के लिए, मैंने कोशिश की है
<INPUT type="image" class="myButton" value="">
जहाँ "myButton" को CSS फ़ाइल में परिभाषित किया गया है
.myButton {
background:url(/images/Btn.PNG) no-repeat;
cursor:pointer;
width: 200px;
height: 100px;
border: none;
}
यदि वह सब मैं करना चाहता था, तो मैं मूल शैली का उपयोग कर सकता था, लेकिन मैं होवर पर बटन की उपस्थिति को बदलना चाहता हूं (एक myButton:hover
वर्ग का उपयोग करके )। मुझे पता है कि लिंक अच्छे हैं, क्योंकि मैं उन्हें पृष्ठ के अन्य हिस्सों (सिर्फ एक चेक के रूप में) के लिए एक पृष्ठभूमि छवि के लिए लोड करने में सक्षम हूं। मुझे जावास्क्रिप्ट का उपयोग करने के तरीके के वेब पर उदाहरण मिले, लेकिन मैं एक सीएसएस समाधान की तलाश कर रहा हूं।
मैं फ़ायरफ़ॉक्स 3.0.3 का उपयोग कर रहा हूँ अगर यह एक फर्क पड़ता है।