如何将<ul>项目符号列表样式设置为代码小数?</ul>

时间:2011-04-20 14:15:53

标签: html css html-lists

我有一个ul,我想设置子弹样式,代码为小数&#10003(复选标记)。有没有办法做到这一点?我试过了list-style-image,但它没有用。

4 个答案:

答案 0 :(得分:7)

您需要在此处应用解决方法:

ul { list-style: none; }
ul li:before { content: "\2713"; }

然后根据自己的喜好调整ul,li和li的填充和边距。这不适用于IE&lt;但是,8。在那里你将不得不使用图像或JavaScript(或者将它放在标记中,如果你真的需要支持它们的话)。

答案 1 :(得分:0)

最近你可能得到的东西就像黑客一样:

ul {
  list-style-type: none;
  padding: 0;
}

ul li:before {
content: "\2713";
}

答案 2 :(得分:0)

您可以通过list-style-type指定类型(但是您只能使用预设值,否则如果您想使用list-style-image,则必须提供图片,而不是字符。

否则,请使用others建议的:before选择器。

答案 3 :(得分:-2)

list-style-type正是您要找的。