मैं jquery मोबाइल में टेक्स्टबॉक्स के अंदर एक आइकन रखना चाहता हूं (टेक्स्टबॉक्स के दाहिने सिरे पर होना चाहिए, जैसे खोज इनपुट प्रकार में clearText आइकन)। मैंने jquery मोबाइल के कुछ सीएसएस वर्गों को ओवरराइड किया है, फिर भी मैं हासिल नहीं कर सका। क्या कोई समाधान प्रदान कर सकता है?jquery मोबाइल में टेक्स्टबॉक्स के अंदर एक आइकन कैसे डालें
5
A
उत्तर
8
एक साधारण समाधान है कि आप अपने टेक्स्ट बॉक्स और छवि को एक div में रखें जो अपेक्षाकृत स्थित है। फिर आप छवि स्थिति को absolute
पर सेट करें और इसे आवश्यक right
मान दें।
HTML:
<div>
<input type="text" />
<img src="http://the-dream.co.uk/images/lens_icon.png" width="15" />
</div>
सीएसएस:
div {
position:relative;
width:200px
}
input{
width:200px;
}
img{
position:absolute;
right:5px;
top:5px;
}
चेक एक डेमो के लिए है कि बेला:
संबंधित मुद्दे
- 1. jQuery मोबाइल कैसे आइकन
- 2. सी # में चेकबॉक्स सूची के अंदर एक टेक्स्टबॉक्स कैसे जोड़ें?
- 3. jQuery मोबाइल के अंदर आलसी लोडिंग छवियां
- 4. jQuery मोबाइल आइकन गिनती बैज/बुलबुले
- 5. मोबाइल एप्लिकेशन में उपयोगकर्ता प्रमाणीकरण कैसे डालें
- 6. jQuery मोबाइल आइकन मुझे कहां मिलते हैं?
- 7. jQuery मोबाइल में एक संवाद कैसे दिखाएं
- 8. jQuery मोबाइल सूचीदृश्य में गतिशील रूप से आइकन बदलें
- 9. एक फॉर्म में इनपुट तत्व के अंदर आइकन रखें
- 10. डब्ल्यूपीएफ में स्क्रॉलबार के अंदर छवि "प्लेसमार्कर्स" कैसे डालें?
- 11. jQuery यूआई आइकन
- 12. एक JQuery मोबाइल चेकबॉक्स
- 13. लिक्विबेस माइग्रेशन में एसक्यूएल के अंदर एचटीएमएल टैग कैसे डालें?
- 14. मोबाइल सफारी में टेक्स्टबॉक्स फोकस सेट करें
- 15. एक jQuery मोबाइल पेज के अंदर एक फॉर्म कैसे सबमिट करें?
- 16. JQuery मोबाइल फ्रेमवर्क (बिना बटन का उपयोग किए) में आइकन का उपयोग कैसे करें
- 17. jquery मोबाइल बटन
- 18. एक संवाद बनाना JQuery मोबाइल
- 19. jQuery में लक्ष्य = "_ खाली" कैसे डालें?
- 20. jQuery में HTML को कैसे डालें .text()
- 21. किसी तत्व के अंदर एक कोणीय जेएस टेम्पलेट स्ट्रिंग डालें
- 22. सी # स्रोत कोड में एक स्ट्रिंग के अंदर एक नई लाइन कैसे डालें?
- 23. सीएसएस: सभी विज़िट किए गए लिंक के बगल में एक चेकमार्क आइकन/एसीएसआई कैरेक्टर कैसे डालें?
- 24. टिप्पणी डालें Jquery
- 25. स्टाइलिंग jQuery मोबाइल चेकबॉक्स
- 26. jQuery के मोबाइल
- 27. jQuery मोबाइल
- 28. एक्शनलिंक एमवीसी 3 के अंदर अवधि तत्व कैसे डालें?
- 29. लाटेक्स टेबल के अंदर मैन्युअल लाइन ब्रेक कैसे डालें?
- 30. jQuery मोबाइल
या यह काम कर रहा है :) आपकी त्वरित प्रतिक्रिया के लिए बहुत बहुत धन्यवाद, मैंने img के लिए सही और शीर्ष विशेषताओं के साथ प्रयास नहीं किया। यह विस्मयकारी है :)। एक बार फिर धन्यवाद :) – Sriks
आपका स्वागत है। याद रखें कि दाएं, बाएं, ऊपर और नीचे विशेषताएँ सभी तत्वों के साथ काम करती हैं, केवल छवियों के साथ नहीं। – deadlock
ठीक है, यह मेरे लिए एक महान सीख है :) और यह पहली बार है कि मुझे – Sriks