Только цвет пули li

Question

У меня проблема с пулей в <li> element в HTML и twitter bootstrap. Я хочу изменить цвет только пули li, а не весь текст. Я не могу внести изменения в html-код, чтобы поместить текст в span, p или что-то еще.

Bootply: http://bootply.com/102688 (я пробовал: первой линии псевдо класса, но это работает только для первой линии, так что это не хорошо)

С наилучшими пожеланиями И спасибо за помощь.

Answer 1

Другой подход, который позволяет сделать LI «точка» с помощью формы CSS - вы можете настроить форму, размер и т.д.

Например, код ниже будет отображаться большой красный круг:

li:before { 
    content: ""; 
    position:relative; 
    left: -10px; 
    background-color:red; 

    display:inline-block; 
    width:10px; 
    height:10px; 
    border-radius:50% 
} 

Демо: http://jsfiddle.net/LWHYJ/

Answer 2

Это может быть сделано в другом имении, чем предложенный дубликата ответ (How to set Bullet colors in UL/LI html lists via CSS without using any images or span tags):

Вы можете обернуть текст внутри <li /> элемента в <span /> теге, затем дать <li /> элементы определенного цвета, а также дать <span /> элементы правильный цвет текста:

CSS:

li { 
    color : red; 
} 

li span { 
    color : black; 
} 

HTML:

<ul> 
    <li><span>test</span></li> 
</ul> 

Вот демо: http://jsfiddle.net/ytH5P/2754/