如何把图标放入jquery mobile的文本框中

Question

我想在jquery mobile中的文本框中放置一个图标（应该在文本框的右端，就像搜索输入类型中的clearText图标一样）。 我已经重写了jQuery Mobile的一些CSS类，但我仍无法实现。有人可以提供解决方案吗？

Answer 1

一个简单的解决方案是将您的文本框和图像放入相对定位的div中。然后，您将图像位置设置为absolute，并为其提供所需的right值。

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

---

检查捣鼓演示：

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