5

jquery mobileのテキストボックス内(検索入力タイプのclearTextアイコンのように、テキストボックスの右端にある必要があります)にアイコンを配置したいと思います。jquery mobileのいくつかのcssクラスをオーバーライドしましたが、それでも達成できませんでした。誰かが解決策を提供できますか?

4

1 に答える 1

8

簡単な解決策の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/

于 2013-02-12T19:07:04.323 に答える