Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Looks like something's wrong with their CSS, as I just tried this locally. Here's a fix:</p> <pre><code>&lt;style type="text/css"&gt; .ui-icon-edit { background-image: url(icons-18-white.png); background-repeat: no-repeat; background-position: -824px 50%; } &lt;/style&gt; </code></pre> <p>Either amend your own style sheet to add this or place this in your <code>&lt;head&gt;&lt;/head&gt;</code> below the rest of your CSS. Also you'll need to grab your own icons-18-white.png from <a href="http://jquerymobile.com/test/css/themes/default/images/icons-18-white.png" rel="nofollow">here</a> and save it locally.</p> <hr> <p><strong>To get the edit button working:</strong></p> <p>First, <strong><a href="http://jquerymobile.com/test/css/themes/default/images/icons-18-white.png" rel="nofollow">download icons-18-white.png</a></strong> and save it in the same folder as your webpage.</p> <p>Then, just copy and paste this code and continue from there. </p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt; &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; .ui-icon-edit { background-image: url(icons-18-white.png); background-repeat: no-repeat; background-position: -824px 50%; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="#" data-role="button" data-icon="edit"&gt;hello&lt;/a&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload