如何将<ul>项目符号列表样式设置为代码十进制？

Question

I have a ul that I want to set the bullet style of with the code decimal of &#10003 (checkmark). Is there any way to do this? I tried list-style-image , but it didn't work.

Answer 1

You will need to apply a workaround here:

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

Then adapt padding and margin of ul, li and li:before to your liking. This won't work in IE < 8, though. There you will have to use images or JavaScript (or putting it in the markup, if you really need to support them).

Answer 2

Closest you can likely get is something hacky like:

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

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

Answer 3

You can specify the type through list-style-type (however you're limited to the pre-set values, otherwise if you want to use list-style-image you must supply an image, not a character.

Otherwise, use the :before selector as others have suggested.

Answer 4

list-style-type是你要找的。