Question

I am looking to use the delete icon that is built-in to jQuery Mobile.

I know how to use buttons, you just use data-role – but I want to use it inside a plain old span or div.

Is there a way to do this?

Thanks

Answer 1

You can just use a div with the classes specified, for example

<div class="ui-icon ui-icon-delete"></div>

Update:

The style-sheets for JQM have changed since this was first posted, you can get the same affect by adding the ui-btn-icon-notext class to your element (at least as of JQM 1.4.5). Additionally you might need to add a position:relative; to get it positioned correctly.

For example

  <span class="ui-btn-icon-notext ui-icon-delete" style="position:relative" />

Here’s a link to the relevant API