如何設置ul/li子彈點顏色？

Question

可能重複：
Change bullets color in a list without span

通常，在UL /鋰的項目符號點是一個黑色的實心圓。我想改變它的風格，就像我想要將子彈點的顏色設置爲綠色，我也想要將子彈點改爲正方形。任何人都知道如何做到這一點？

Answer 1

我相信這是由應用於元素的css color屬性控制的。

Answer 2

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

您需要使用list-style-type:改變子彈類型/風格和上面的鏈接已列出的所有選項。正如其他人所指出的顏色使用上ul本身

的color屬性創建「塗黑」，而不是「圓圈」的子彈，使用「盤」改變，即：

列表風格 - 類型：盤

Answer 3

應用顏色的li並設置span（或其他子元素）的顏色任何顏色的文字應該是。

ul 
{ 
    list-style-type: square; 
} 

ul > li 
{ 
    color: green; 
} 

ul > li > span 
{ 
    color: black; 
} 

JSFiddle

Answer 4

幾種方法可以做到這一點：

這將使它成爲一個方形

ul 
{ 
    list-style-type: square; 
} 

這將使綠色

li 
{ 
    color: #0F0; 
} 

這將防止綠色文字

li p 
{ 
    color: #000; 
} 

然而，這將要求列表中的所有文本使用段落，這樣的顏色不覆蓋。

一個更好的辦法是讓綠色廣場和使用的圖像：

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