2010-04-14 49 views
2

如何爲顯示爲圓形的訂單項獲取紅色?如何填充圓形訂單項內的顏色

/* 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; 
} 

回答

3

這一天會可能在CSS3,但在那之前的唯一出路是包裝在另一個容器每個L1的內容,風格,所以:

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} 
4

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; 
} 
+0

我想子彈有不同的顏色比文本。有沒有一種方法可以在不使用背景圖像的情況下以簡單的方式指定顏色。 – Sam 2010-04-14 11:51:18

+0

您將不得不將獨立於列表項目的樣式列表項目文本嵌套掛鉤。 – kingjeffrey 2010-04-14 15:33:29