HTML列表样式类型的连字符

Question

有没有一种方法可以在HTML中用破折号（即-或- –或- —）创建列表样式，即

<ul>
  <li>abc</li>
</ul>

输出：

- abc

li:before { content: "-" };尽管我不知道该选项的弊端，但我想使用类似的方法来做到这一点（并且有很多反馈的义务）。

更笼统地说，我不介意知道如何将通用字符用于列表项。

Answer 1

您可以使用:before并content:记住IE
7或更低版​​本不支持此功能。如果您对此表示满意，那么这是您最好的解决方案。有关完整详细信息，请参见“
我可以使用”或QuirksMode CSS兼容性表。

在较旧的浏览器中应该使用的较差的解决方案是将图像用作要点，并使图像看起来像破折号。有关示例，请参见[W3C list-style-image页面。