Custom icons - jQuery Mobile 1.4

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<a href="#" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-arrow-r">Anchor</a>

<a href="#" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-custom-icon">Anchor</a>

<div data-role="collapsible" data-collapsed-icon="ui-icon-left ui-icon-gear" data-expanded-icon="ui-icon-left ui-custom-icon">
     <h3>Expand to change icon</h3>

    <p>content</p>
</div>

CSS

.ui-custom-icon:after {
    background-image: url('http://upload.wikimedia.org/wikipedia/en/5/5d/Mac_App_Store_icon.png');
    background-size: 25px 25px;
}