在CSS中定义自定义列表样式类型

Question

我想问一下，如果可能的话（像font-face那样）。例如：

@list-style-type {
  list-style-image: 'myCustomStyle';
  src: url('url-to-image');
}

ul {
  list-style-type: myCustomStyle;
}

有类似的东西吗？我知道我可以用元素上的类来做，然后设置自定义图像，但这不是我的观点。我的公司有问题，这样的事情会非常好。

Answer 1

在目前定义和实施的CSS中，你不能。 list-style-type属性的值是一组关键字，在不同的规范和实现中略有不同，但即使语法也不允许添加任何自定义值。

正在进行定义CSS Lists and Counters Module Level 3的工作，这将扩展语法和语义，允许在@counter-style规则中定义自定义值，使用设计为CSS Counter Styles Level 3的一部分的构造。计划包括定义使用自定义图像的命名值的可能性，或包含自定义图像作为其一部分的构造。到目前为止，似乎在已发布的浏览器版本中没有实现此功能。

Answer 2

你可以使用li背景图片，

<li style="background:url()">list text here </li>

或者你可以使用

ul {
list-style-image: url('imageName.png');

}