Атрибут цвета фона маркера? CSS

Вопрос: Я хочу изменить цвет фона моих пунктов, ul { list-style-type: square; list-style-position: outside; list-style-image: none; } Есть ли атрибут фона фона пули? Что-то вроде этого? list-style-background-color: blue; РЕДАКТИРОВАТЬ color: blue Изменяет цвет шрифта и цвет точки пули, но я хотел бы просто изменить цвет маркера и оставить шрифт в покое. Лучший ответ: демонстрация Если

Вопрос:

Я хочу изменить цвет фона моих пунктов,

ul { list-style-type: square; list-style-position: outside; list-style-image: none; }

Есть ли атрибут фона фона пули? Что-то вроде этого?

list-style-background-color: blue;

РЕДАКТИРОВАТЬ

color: blue

Изменяет цвет шрифта и цвет точки пули, но я хотел бы просто изменить цвет маркера и оставить шрифт в покое.

Лучший ответ:

демонстрация

Если вы не хотите использовать <span> или <div>

Вы можете использовать :before как добавить пользовательскую марку в свой li

li { list-style:none; } li:before { content: «»; position:relative; left: -10px; background-color:red; display:inline-block; width:5px; height:5px; } Ответ №1

попробуйте вот так: LINK

HTML:

<ul> <li><span>one</span> </li> <li><span>one</span> </li> <li><span>one</span> </li> <li><span>one</span> </li> </ul>

CSS:

ul { list-style-type: square; list-style-position: outside; list-style-image: none; color:#f00; } li { color:#f00; } li span { color:#999; } Ответ №2

Попробуйте это http://jsfiddle.net/8dGBr/

<ul> <li><div>Hi</div></li> <li><div>Hi</div></li> <li><div>Hi</div></li> </ul> li{ color:blue; } li div{ color:black; } Ответ №3

просто напишите цвет: синий; и добавьте к <p> or <span> во внутренний текст с цветом: черный

Оцените статью
Добавить комментарий