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