Возможный дубликат:
Изменить цвет маркеров в списке без пробелов
Обычно точка пули в ul/li является черным сплошным кругом. Я хочу изменить его стиль, например, я хочу, чтобы цвет точки маркера был зеленым, я также хочу изменить точку маркера как квадрат. Кто-нибудь знает, как это сделать?
Примените цвет к li и установите цвет span (или другой дочерний элемент) на любой цвет текста.
ul
{
list-style-type: square;
}
ul > li
{
color: green;
}
ul > li > span
{
color: black;
}
Пара способов это может быть сделано:
Это сделает квадрат
ul
{
list-style-type: square;
}
Это сделает его зеленым.
li
{
color: #0F0;
}
Это предотвратит зеленый цвет текста
li p
{
color: #000;
}
Однако это потребует, чтобы весь текст внутри списков находился в параграфах, чтобы цвет не был переопределен.
Лучше всего сделать изображение зеленого квадрата и использовать:
ul
{
list-style: url(green-square.png);
}
Я считаю, что это контролируется свойством css color, примененным к элементу.
http://www.w3schools.com/cssref/pr_list-style-type.asp
Вам нужно использовать list-style-type:, чтобы изменить тип/стиль пули, и ссылка выше содержит все перечисленные опции. Как утверждали другие, цвет изменяется с использованием свойства color самого ul
Чтобы создать "черные заполненные" пули, используйте "диск" вместо "круг", т.е.:
список стиле типа: диск