Как задать цвет маркеров у LI при этом не затрагивая цвет текста?

[rug_1]

Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.

[Dimitry Wolotko]

Убивайте маркеры, и картинками их, картинками.

Картинка, беграундом, слева по центру высоты.

Плюс паддинг у li.

[rug_1]

Спасибо. Попробую.

[Vlad]

http://htmlbook.ru/faq/?a=34

[rug_1]

Спасибо, сделал как предложено первым отвечающим. А по поводу статьи - я, думаю, HTML-код должен быть, в первую, очередь кроссбраузерным.

[rash]

Спасибо, сделал как предложено первым отвечающим. А по поводу статьи - я, думаю, HTML-код должен быть, в первую, очередь кроссбраузерным.

Иногда в ТЗ оговаривается поддержка только одного браузера, так что код должен быть в первую очередь соответствующим ТЗ :-)

[Great Rash]

Цвет маркеров заменить не просто, а очень просто!

CSS

ul, li {
 color: #f00;
}

li span {
 color: #000;
}

HTML

<ul>
 <li><span>text</span></li>
</ul>

[Victor Ananiev]

не... лишним тегом дом-дерево засарять.... а если элементов много..... лучше как Дима сказал) картинку пиханул и все)

[Great Rash]

Во-первых: DOM-дерево как-нить переживет такую нечеловеческую нагрузку как <span>

Во-вторых: если у юзера отключены картинки, то, предложенный мной код, все равно покажет все так как надо.

В-третьих: может этот "лишний" <span>, куда-нить пригодится в последствии?

Короче, сплошные плюсы елки-моталки...

[Dimitry Wolotko]

Во-первых: DOM-дерево как-нить переживет такую нечеловеческую нагрузку как <span>

Во-вторых: если у юзера отключены картинки, то, предложенный мной код, все равно покажет все так как надо.

В-третьих: может этот "лишний" <span>, куда-нить пригодится в последствии?

Короче, сплошные плюсы елки-моталки...

Если у пользователя отключены картинки, то картинки, прописанные в стилях всё-равно прогрузятся - и никаких лишних спанов.

[miloslovesky]

Я делаю так, считаю, что это лучший способ, и картинок не надо никаких

li:before{
  content:"•"; color:#11a856;;
  padding:0 5px 0 0;
  margin:0 0 -2px 0;
  }

li {
  behavior:expression(!this.before ? this.before = this.innerHTML = '<span style="color: #11a856;;">• </span>' + this.innerHTML : '');
  list-style:none;
  text-indent:20pt;
  color:#000;
  line-height:18px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:400;
  font-size:13px;
}

В данном примере применен код для bull, можно поставить любой html символ. Отступы расставляйте по вкусу.

[Justnewone]

о да, еще и экпрешн влепить.

За некропостинг можно собой гордица.