jQuery Mobile ListView элементы с цветным индикатором - PullRequest
Новая
       9

jQuery Mobile ListView элементы с цветным индикатором

0 голосов
/ 27 декабря 2011

Я хочу иметь цветные индикаторы для каждого элемента в виде списка в jQuery Mobile. Не цвет фона. Для большинства из вас это может быть просто, но, к сожалению, мои навыки CSS не очень хороши. Вот фотошоп того, чего я хочу добиться.

enter image description here

В соответствии с документами jQuery для мобильных устройств, у меня есть шкаф, в котором можно иметь значки или значки списка, добавив тег img. Как мне этого добиться? Большое спасибо!

1 Ответ

5 голосов
/ 27 декабря 2011

Попробуйте эти правила 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>

См. Пример здесь .

...