jQuery Mobile List 색상 표시기로 항목보기

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를 참조하십시오.