JQuery мобильный интерфейс ввода-БТН-пользовательский значок

Question

Использование JQuery мобильный, пользовательский интерфейс входов-BTN ....

Я хотел бы использовать пользовательский значок.

Можно ли это сделать с помощью этого элемента управления?

Если да, просьба указать образец.

Спасибо

Answer 1

Добавить пользовательский класс оберточной DIV, а затем переопределить background-image и background-size этого класса, используя :after селектор псевдо.

<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