如何在jquery mobile的搜索框中移动搜索图标?

时间:2012-06-22 15:49:46

标签: search jquery-mobile

jQuery Mobile的搜索输入附带一个搜索框,在框的左侧有一个搜索玻璃图标。我希望搜索图标位于框的右侧。我正在看css,但我看到的唯一控制它的是......

的.ui图标-searchfield ::后

但是不确定这是否是用于移动图标的正确的css ...还是我可以在搜索元素本身上使用类或数据属性来移动图标?

谢谢!

1 个答案:

答案 0 :(得分:1)

您已正确识别班级。您需要做的就是将背景的位置覆盖为粗略的文本框宽度+ 73px,例如:

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

点击此处查看我的示例:http://jsfiddle.net/ruslans/wyeUu/

不确定您要对“清除”图标做什么,该图标在您输入时会显示在右侧。