JQM 아이콘 안에 번호를 추가하는 방법이 있습니까?

Question

폼 페이지의 JQM의 숫자로 화살표 아이콘을 대체하려고합니다.

여기에 바이올린이 있습니다 갱신

바이올린에서 볼 수 있듯이 arrow-l 아이콘을 사용하고 있습니다. 제가 원하는 것은이 아이콘이 1 ----- 2 ------- 3 ----------- 4로 변경하는 방식입니다./ P>

미리 감사드립니다

Answer 1

작업 예 : http://jsfiddle.net/gajotres/b33k9/

그냥 더 나은 아이콘을 찾아

html :

<div class="ui-block-a"><a class=" center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-one">Button</a><div class="line" style="margin-left:62%"></div>

</div>

<div class="ui-block-b"><a class=" center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-two">Button</a><div class="line" style="margin-right:62%"></div><div class="line" style="margin-left:62%"></div>
</div>
<div class="ui-block-c"><a class="center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-three">Button</a><div class="line" style="margin-right:62%; top:-21px"></div>
    <div class="line" style="margin-left:62%"></div>
</div>
<div class="ui-block-d"><a class="center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-four" data-icon="four">Button</a><div class="line" style="margin-right:62%;top:-21px"></div>

.

CSS :

.ui-icon-one:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/1.gif');
}

.ui-icon-two:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/2.gif');
}

.ui-icon-three:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/3.gif');
}

.ui-icon-four:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/4.gif');
}

.