我们可以结合list-style-image使用svgS，我们可以在CSS内联！这种方法提供了令人难以置信的“子弹”控制，它可以成为任何东西。
要获得一个红色圆圈，只需使用以下css：
ul {
list-style-image: url('data:image/svg+xml,');
}
但这只是一个开始。这允许我们用这些子弹做任何我们想要的疯狂事情。圆形或矩形很容易，但你可以随身携带的任何东西都svg可以粘在那里！看看下面的靶心示例：
显示代码段
宽度/高度属性
某些浏览器需要在其上设置width和height设置属性，否则它们不会显示任何内容。在撰写本文时，最新版本的Firefox出现了这个问题。我在示例中设置了两个属性。
编码
最近的一条评论让我想起了数据的编码。这对我来说是一个痛点，我可以分享一些我研究过的信息。
引用URI规范的data-uri规范说svg应该根据URI规范进行编码。这意味着应该对所有类型的字符进行编码，例如变为。
一些来源建议使用base64编码，这应该可以解决编码问题，但是它会不必要地增加SVG的大小，而URI编码却不会。我建议使用URI编码。
更多信息：
浏览器支持：> ie8
sss上的css技巧
svgs上的mdn
