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

Search 如何在jquery mobile的搜索框中移动搜索图标?,search,jquery-mobile,Search,Jquery Mobile,jQuery Mobile的搜索输入附带一个搜索框,搜索框左侧有一个搜索玻璃图标。我希望搜索图标位于框的右侧。我在看css,但我看到的唯一控制它的东西是 .ui图标搜索字段::之后 但只是不确定这是否是用于移动图标的正确css…或者我是否可以在搜索元素本身上使用类或数据属性来移动图标 谢谢 您已正确识别该类。您需要做的就是覆盖背景的位置,使其大致为文本框的宽度+73px,例如: .ui-icon-searchfield::after { left: 173px !important; }

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

.ui图标搜索字段::之后

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


谢谢

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

.ui-icon-searchfield::after {
    left: 173px !important;
}
​请检查我的示例:


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

您已经正确识别了该类。您需要做的就是覆盖背景的位置,使其大致为文本框的宽度+73px,例如:

.ui-icon-searchfield::after {
    left: 173px !important;
}
​请检查我的示例:


不确定您想对“清除”图标做什么,它在您键入时显示在右侧。

是的,我只是在一些测试后注意到了清除图标!也谢谢你的例子!是的,经过一些测试后,我注意到了清晰的图标!也谢谢你的例子!