क्या सीएसएस के माध्यम से नीचे दिए गए मार्कअप में src संदर्भ को हटाने या बदलने के लिए यह संभव है?क्या सीएसएस एक इनपुट तत्व की एसआरसी विशेषता बदल सकता है?
आसान काम करना मार्कअप को बदलना होगा, हालांकि, यह कोड जंगली में है और मुझे इसके साथ सौदा करने की ज़रूरत है, इसलिए मैं छवि को हटाने और पृष्ठभूमि छवि का उपयोग करने की कोशिश कर रहा हूं ।
<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" />
आप ऊंचाई और चौड़ाई को 0 पर सेट करने के साथ प्रयोग कर सकते हैं, एक पैडिंग जोड़ सकते हैं और पृष्ठभूमि छवि सेट कर सकते हैं। ऊंचाई प्रभावी होने के लिए आपको इसे display: block या display: inline-block बनाना होगा।
यहाँ एक उदाहरण है - http://jsfiddle.net/zBgHd/1/
+1 महान सोच। आप और मैं एक ही समय में वहां पहुंचे :-) –
नहीं, आपके प्रश्न का उत्तर देने के लिए। किसी भी ब्राउज़र (AFAIK) के किसी भी संस्करण में नहीं।
किसी भी समाधान में एक समाधान शामिल होगा। मैं अभी एक परीक्षण कर रहा हूं, जहां आप इसके ऊपर एक पृष्ठभूमि छवि बनाने के लिए :before नियम का उपयोग करते हैं।
अद्यतन ... ठीक है, क्या इसके लायक है के लिए, :beforeinput तत्वों पर जब मैं input करने के लिए img टैग बदलने का सम्मान नहीं है, जबकि @ चेतन की बेला काम करता है। तो, कुडोस।
वास्तव में, मैं बस यह समझ से बाहर।
। सबमिट करें {चौड़ाई: 0; ऊंचाई: 28 पीएक्स; पृष्ठभूमि: url (go.png) दोहराना नहीं; पैडिंग-बाएं: 28 पीएक्स;}
मेरी प्रतिस्थापन छवि 28x28 है। उस के बराबर बाएं पैडिंग निर्दिष्ट करके, और शून्य की चौड़ाई, यह पृष्ठभूमि छवि को दिखाने के लिए, बॉक्स के देखने योग्य क्षेत्र से छवि को प्रभावी ढंग से धक्का देती है।
हालांकि यह विशेष रूप से img src विशेषता के बारे में है, फिर भी यह इनपुट स्रोत के लिए सच है। यह प्रश्न आपके लिए बहुत अधिक जवाब देता है - How to change an input button image using CSS? एक अन्य संबंधित प्रश्न: Define an <img>'s src attribute in CSS
मुझे ऐसा नहीं लगता .. जावास्क्रिप्ट के बारे में कैसे? –