jquery - 如何在jquery mobile的文本框中放置一个图标

Question

我想在 jquery mobile 中的文本框内放置一个图标（应该在文本框的右端，如搜索输入类型中的 clearText 图标）。我已经覆盖了一些 jquery mobile 的 css 类，但我仍然无法实现。有人可以提供解决方案吗？

score 8 · Accepted Answer

一个简单的解决方案是将你的文本框和图像放入一个相对定位的 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;
}

检查那个小提琴的演示：

1 回答 1