我不知道是否有更好的方法，但是您可以创建一个描述破折号的自定义项目符号图形，然后通过list-style-type属性让浏览器知道您想在列表中使用它。该页上的一个示例展示了如何使用图形作为项目符号。

我从来没有试过用你的方法，虽然它可能有用。缺点是一些较老的浏览器不支持它。我的本能反应是，这一点仍然很重要，值得考虑。在未来，这可能不那么重要了。

编辑:我已经用OP的方法做了一些测试。在IE8中，我无法让这项技术发挥作用，所以它肯定还不能跨浏览器。此外，在Firefox和Chrome中，同时将list-style-type设置为none似乎会被忽略。

对于今天遇到这个问题的人来说，解决方法很简单:

列表样式:"- "

你可以使用:before和content:，记住这在ie7或以下版本中是不支持的。如果你同意，那么这就是你最好的解决方案。详见Can I Use或QuirksMode CSS兼容性表。

在老版本的浏览器中，还有一种稍微糟糕一点的解决方案，那就是使用图像作为项目符号，并使图像看起来像一个破折号。有关示例，请参阅W3C列表样式的图像页面。

ul {
  list-style-type: '-';
}

您可以参考MDN

我不知道是否有更好的方法，但是您可以创建一个描述破折号的自定义项目符号图形，然后通过list-style-type属性让浏览器知道您想在列表中使用它。该页上的一个示例展示了如何使用图形作为项目符号。

我从来没有试过用你的方法，虽然它可能有用。缺点是一些较老的浏览器不支持它。我的本能反应是，这一点仍然很重要，值得考虑。在未来，这可能不那么重要了。

编辑:我已经用OP的方法做了一些测试。在IE8中，我无法让这项技术发挥作用，所以它肯定还不能跨浏览器。此外，在Firefox和Chrome中，同时将list-style-type设置为none似乎会被忽略。

HTML

<ul>
  <li>One</li>
  <li>Very</li>
  <li>Simple</li>
  <li>Approach!</li>
</ul>

CSS

ul {
  list-style-type: none;
}

ul li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}`