jQuery Mobileリスト表示アイテムのカラーインジケータ

Question

jQuery Mobileのリストビューの各アイテムの色インジケータが必要です。背景色ではありません。これはあなたのほとんどのためのケーキの一部かもしれませんが、残念ながら、私のCSSのスキルはあまり良くありません。ここに私が達成したいもののフォトショップがあります。

jQueryのモバイルドキュメントよると、私が持つことができるクローゼットはimgタグを置くことによって、サムネイルまたはリストのアイコンを持つことです。どうすれば達成できますか？どうもありがとう！

Answer 1

これらのCSSルールを試してみてください。

#redHero { 
    border-left: 5px solid #f00; 
} 

#greenHero { 
    border-left: 5px solid #0f0; 
} 

このコードによると：

<ul data-role="listview" data-theme="b"> 
    <li id="redHero"><h3>Superman</h3><p>Power:30</p></li> 
    <li id="greenHero"><h3>Spiderman</h3><p>Power:30</p></li> 
</ul> 

は例hereを参照してください。