CSS - использовать символ для маркера списка

Question

Используя CSS, как я могу установить символ типа "►" в качестве маркера списка для списка HTML?

Answer 1

Используйте шестнадцатеричное значение нужного символа в CSS следующим образом:

ul li:before { 
   content: "\25BA";  /* hex of your actual character, found using CharMap */
}

Примечание: это не будет работать в IE <8 </p>

Демонстрация: http://jsfiddle.net/mrchief/5yKBq/

Чтобы добавить пробел после маркера: content: "\25BA" " ";
Демо

Вы также можете использовать изображение, подобное этому:

ul {
   list-style: disc url(bullet.gif) inside;
}

Answer 2

Кроме того, если вам нужно это в IE <8, вы можете использовать следующее выражение: </p>

UL LI:before,
UL LI .before {
    content: "►"
    /* Other styles for this pseudo-element */
}

/* Expression for IE (use in conditional comments)*/
UL LI {
    list-style:none;
    behavior: expression(
        function(t){
            t.insertAdjacentHTML('afterBegin','<span class="before">►</span>');
            t.runtimeStyle.behavior = 'none';
        }(this)
    );
}