JQuery mobile içindeki metin kutusu içine nasıl simge yerleştirilir

Question

JQuery mobil uygulamasında metin kutusunun içine bir simge koymak (arama kutusunun içinde clearText simgesi gibi metin kutusunun sağ tarafında olmalıdır). Bazı css sınıfları jquery mobile'i geçersiz kıldım, yine de başaramadım. Birisi lütfen çözümü sağlayabilir mi?

Answer 1

Basit bir çözüm, metin kutunuzu ve görüntünüzü nispeten yerleştirilmiş bir div içine koymaktır. Ardından görüntü konumunu absolute olarak ayarlayıp ona gerekli right değerini verin.

HTML:

<div> 
    <input type="text" /> 
    <img src="http://the-dream.co.uk/images/lens_icon.png" width="15" /> 
</div> 

CSS:

div { 
    position:relative; 
    width:200px 
} 

input{ 
    width:200px; 
} 

img{ 
    position:absolute; 
    right:5px; 
    top:5px; 
} 

---

Kontrol bir demo için o keman:

http://jsfiddle.net/8sbpn/1/