Как заполнить цвет внутри фигуры в форме круга

Question

Как получить красный цвет для позиций, показанных в виде круга?

/* This maps to ul */ 
.rich-datalist { 
    list-style: disc; 
    list-style-position: inside; 
    margin: 6px 0 1px 0; 
    padding-left: 18px; 
} 

/* This maps to li */ 
.rich-list-item { 
    padding-top: 5px; 
    padding-bottom: 15px; 
    font-size: 13px; 
} 

Answer 1

Это один день можно в CSS3, но до тех пор единственный путь вперед не обернуть содержимое каждого LI в другом контейнере, и стиль, который, таким образом:

HTML:

<ul> 
<li><span>lorem</span></li> 
<li><span>ipsum</span></li> 
<li><span>dolor</span></li> 
</ul> 

CSS:

ul{color: red} 
ul li span{color: blue} 

Answer 2

HTML пуля цвет такой же, как свойство цвета элемента списка:

.rich-datalist { color: red; } 

Если вам нужно пулю другого цвета, чем текст, самый простой способ заключается в применении лево- выровненное не повторяющееся фоновое изображение пули и применить левое дополнение к элементу списка.

.rich-datalist { 
list-style: none; 
} 
.rich-datalist-item { 
background: transparent url('/path/to/red-bullet.png') no-repeat left center; 
padding-left: 20px; 
}