Как установить цвет марки ul/li bullet?

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

Обычно точка пули в ul/li является черным сплошным кругом. Я хочу изменить его стиль, например, я хочу, чтобы цвет точки маркера был зеленым, я также хочу изменить точку маркера как квадрат. Кто-нибудь знает, как это сделать?

Ответы

Ответ 1

Примените цвет к li и установите цвет span (или другой дочерний элемент) на любой цвет текста.

ul
{
    list-style-type: square;
}

ul > li
{
    color: green;
}

ul > li > span
{
    color: black;
}

JSFiddle

Ответ 2

Пара способов это может быть сделано:

Это сделает квадрат

ul
{
  list-style-type: square;
}

Это сделает его зеленым.

li
{
  color: #0F0;
}

Это предотвратит зеленый цвет текста

li p
{
  color: #000;
}

Однако это потребует, чтобы весь текст внутри списков находился в параграфах, чтобы цвет не был переопределен.

Лучше всего сделать изображение зеленого квадрата и использовать:

ul
{
  list-style: url(green-square.png);
}

Ответ 3

Я считаю, что это контролируется свойством css color, примененным к элементу.

Ответ 4

http://www.w3schools.com/cssref/pr_list-style-type.asp

Вам нужно использовать list-style-type:, чтобы изменить тип/стиль пули, и ссылка выше содержит все перечисленные опции. Как утверждали другие, цвет изменяется с использованием свойства color самого ul

Чтобы создать "черные заполненные" пули, используйте "диск" вместо "круг", т.е.:

список стиле типа: диск