search - 如何移动搜索图标，在jquery mobile的搜索框中？

Question

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

.ui-icon-searchfield::after

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

谢谢！

Answer 1

您已正确识别类。您需要做的就是将背景的位置覆盖为大致文本框的宽度 + 73px，例如：

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

​在这里查看我的示例：http: //jsfiddle.net/ruslans/wyeUu/

不确定您要如何处理键入时出现在右侧的“清除”图标。