我如何設計ol小數？

我需要能夠添加一個紫色圓圈背景，並更改一個ol li十進制html元素中的數字的顏色。我如何設計ol小數？

這可能沒有任何額外的標記？我已經嘗試過背景，列表樣式圖像等，但似乎沒有。

任何想法？

2013-01-21 John

你可以讓一個jsfiddle正確顯示你想要達到的目標嗎？ – Kamo

你想實現** [像這樣]（http://stackoverflow.com/questions/5732836/html-css-numbered-list-with-numbers-inside-of-circles）**？ – MarcoK

@Kamo糾正我，如果我錯了，但如果他們可以**讓一個JSFiddle完全顯示他們想要實現的**，那麼他們不會問這個問題。 – George

我使用另一個span元素來格式化每個li數字的背景。你可以在這裏查看演示on JSBin

2013-01-21 11:06:29

根據你的例子，我使用'：before'僞元素縮短了代碼 - 你可以** [在此查看]（http://jsbin.com/abamat/5/edit）**。可悲的是，這並不能回答約翰的問題，因爲他不想要任何額外的標記。 – MarcoK

我想我會去添加跨度，因爲它會提供最大的交叉兼容性。我知道我說我不想要更多的標記，但看着這個，我不認爲我有選擇。謝謝你的答案！ – John

回答