如何把圖標放入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/