2012-06-22 84 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