jQuery Mobile的用戶界面，輸入BTN自定義圖標

Question

使用jQuery移動，UI的輸入BTN ....

我想用一個自定義圖標。

這可以用這個控件來完成嗎？

如果是這樣，請提供樣本。

謝謝

Answer 1

添加自定義類包裝的div，然後覆蓋background-image和使用:after僞選擇該類background-size。

<div class="ui-input-btn ui-btn ui-custom-icon ui-btn-icon-top"> 
    <div class="buttonText">Service<br/>Interruptions</div> 
    <input data-enhanced="true" value="Service Interruptions" type="button" id="service_interruptions"> 
</div> 

.ui-custom-icon:after { 
    background-image: url('icon.png'); 
    background-size: 25px 25px; 
} 

Demo