2016-04-06 12 views
0

私はjqm listviewを使って、私は個人的な画像アイコンでリンクの矢印を変えようとしています。それを変更する方法はありますか?jquery mobile listview change link arrowカスタム画像アイコン

<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> 

enter image description here

答えて

0

その後、カスタムアイコン名を参照するために、データ・アイコンを使用し、各カスタムアイコン用に

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

をCSSを作成します:標準:

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

は、アイコンを参照してください。公式のリストビューのデモのセクション:http://demos.jquerymobile.com/1.4.5/listview/

+0

ありがとうございました – user4131013

関連する問題