jquery - Is there a way to add number inside the JQM icons -


i trying replace arrow-l icon numbers in jqm form page.

here fiddle updated fiddle

as can see in fiddle using arrow-l icons want how change these icons numbers 1-----2------3----4 .

thanks in advance

working example: http://jsfiddle.net/gajotres/b33k9/

just find better looking icons

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'); } 

Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -