我想知道是否有辦法改變列表中子彈的顏色。我有一個這樣的列表：<ul> <li>House</li> <li>Car</li> <li>Garden</li></ul>我不可能在li中插入任何內(nèi)容，例如'span'og a'p'。那么我能以某種聰明的方式改變子彈的顏色而不是文本嗎？
3 回答
慕娘9325324
TA貢獻1783條經(jīng)驗 獲得超4個贊
如果您可以使用圖像，那么您可以這樣做。如果沒有圖像，您將無法僅更改項目符號的顏色，也無法更改文本。
使用圖像
li { list-style-image: url(images/yourimage.jpg); }
看到
列表樣式圖像
不使用圖像
然后，您必須編輯HTML標(biāo)記并在列表中包含一個范圍，并使用不同的顏色為li和span著色。
月關(guān)寶盒
TA貢獻1772條經(jīng)驗 獲得超5個贊
我管理這個沒有添加標(biāo)記，而是使用li:before。這顯然具有所有限制:before（沒有舊的IE支持），但它似乎適用于IE8，F(xiàn)irefox和Chrome經(jīng)過一些非常有限的測試。子彈樣式也受到unicode內(nèi)容的限制。
li {
list-style: none;
}
li:before {
/* For a round bullet */
content: '\2022';
/* For a square bullet */
/*content:'\25A0';*/
display: block;
position: relative;
max-width: 0;
max-height: 0;
left: -10px;
top: 0;
color: green;
font-size: 20px;
}
<ul>
<li>foo</li>
<li>bar</li>
</ul>
添加回答
舉報
0/150
提交
取消