在不可点击的内容上显示图标

时间:2014-03-23 12:38:29

标签: jquery-mobile

我想知道是否可以在不是< a>的元素上显示图标。或者< button>。说一个< p>或者< h2>例如,元素。

2 个答案:

答案 0 :(得分:2)

例如,如果您想在<p />元素的文本中使用内联图标,可以试试这个:

<span class="ui-nodisc-icon ui-alt-icon nonbuttonicon" >
    <span class="ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-inline"></span>
</span>

.nonbuttonicon .ui-btn {
    cursor: default;
    border: 0;
    margin: 0;
}

通过使用跨度,您可以在段落中的任何位置插入任意数量的图标。

  

这是 DEMO

答案 1 :(得分:1)

我认为你可以。

Demo JsFiddle

<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-action">action</button>

<p class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-action">p</p>

<h2 class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-action">h2</h2>