Поддерживают ли какие-либо браузеры псевдоэлемент «маркер» CSS3? - PullRequest
19 голосов
/ 01 января 2011

Спецификация указывает , что можно изменять маркеры элемента списка (li), используя псевдоэлемент "marker", например:

li::marker { color: blue; }

Но я не могу заставить его работать в любом из моих браузеров.

Поддерживают ли это какие-либо браузеры? Или я что-то не так делаю?

Ответы [ 5 ]

14 голосов
/ 01 января 2011

Чтобы ответить на ваш вопрос: нет, ни один браузер не поддерживает это на сегодня.

3 голосов
/ 12 августа 2011

Хотя ни один браузер не поддерживает спецификацию, Firefox имеет свой собственный способ работы:

li::-moz-list-bullet {
color:blue;
}

Источник: https://bugzilla.mozilla.org/show_bug.cgi?id=205202

3 голосов
/ 05 апреля 2011

Не могли бы вы использовать :before вместо?

li {
 display: block;
 list-style-position: inside;
 margin: 0;
}
li:before { 
 content:" • ";  
 color: green;
}
1 голос
/ 01 января 2011

Вы не можете изменить цвет маркера отдельно , однако вы можете изменить его изображение, используя list-style-image, см. здесь . Работа вокруг:

<ul><li style="color:blue;"><span style="color:black">test</span></li></ul>
0 голосов
/ 12 сентября 2014

Ни один браузер не поддерживает это, но можно использовать свойства (list-style-type: и list-style-image) или псевдо до и после занятий.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...