javascript - jquery mobile listview change link arrow by custom image icon -

i using jqm listview, triying change link arrow personal image icon, there way change it, image below, show want.

<div data-role="page" id="pageone">   <div data-role="main" class="ui-content">     <h2></h2>     <ul data-role="listview" data-inset="true">       <li><a href="#">list item</a></li>       <li><a href="#">list item</a></li>       <li><a href="#">list item</a></li>     </ul>   </div> </div>  

create css each custom icon

.ui-icon-myicon1:after {     background-image: url("../_assets/img/glyphish-icons/21-skull.png");     background-position: 3px 3px;     background-size: 70%; } 

then use data-icon reference custom icon name:

<li data-icon="myicon1" id="skull"><a href="#">custom-icon</a></li> 

see icons:standard section of official listview demo: http://demos.jquerymobile.com/1.4.5/listview/