2012-06-22 121 views
1

jQuery Mobile的搜索输入带有一个搜索框,在框的左边有一个搜索玻璃图标。我想将搜索图标放在框的右侧。我在看的CSS,但我唯一看到的控制是...如何在jquery mobile的搜索框中移动搜索图标?

的.ui-图标searchfield ::后

只是不知道这是用正确的CSS移动图标......或者有没有可以在搜索元素本身上使用的类或数据属性来移动图标?

谢谢!

回答

1

您已正确识别该类。所有你需要做的是覆盖背景的位置大致文本框的宽度+ 73px,例如:

.ui-icon-searchfield::after { 
    left: 173px !important; 
} 

检查这里我举的例子:http://jsfiddle.net/ruslans/wyeUu/

不知道要怎么办了“清”是什么图标,在您输入时出现在右侧。

+0

是的,我刚刚注意到一些测试后的清晰图标!并感谢你的例子! – blackhawk