如何在右侧放置搜索图标？

Question

我正在使用jQuery mobile 1.4.2。我需要将搜索图标从左向右移动，如何避免出现清除按钮。

<div data-role=page">
    <form method="post">
        <input name="search" id="search" value="" placeholder="Buscar" type="search" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Buscar'">
    </form>
</div>

Answer 1

这是你正在寻找的吗？

http://jsfiddle.net/BCGC2/2/

CSS

.ui-input-search:after {
    right:0.75em;
    left: auto;
}
.ui-input-search input {
    padding-left:0.75em;
}

Answer 2

@MarioD打败了我。如果您不想显示清除按钮，只需将其设置为display：none

http://jsfiddle.net/5CgJ2/

.ui-input-search:after {
    left: auto;
    right: .75em;
}

.ui-input-search input {
    padding-left: .75em;
}

.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
    display: none;
}