有没有办法在JQM图标内添加数字

StackOverflow https://stackoverflow.com//questions/24009141

题

我正在尝试用jqm中的数字替换箭头-L图标，为表单页面。

这是小提琴 更新的小提琴

你可以在小提琴中看到我想要的是我想做的是一些我想做的是一些如何将这些图标更改为数字1 ----- 2 --------------------------/ p>

提前感谢

有帮助吗？

解决方案

工作示例： 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');
}
.
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top