另一种方法:

li:before {
  content: '\2014\00a0\00a0'; /* em-dash followed by two non-breaking spaces*/
}
li {
  list-style: none;
  text-indent: -1.5em;
  padding-left: 1.5em;    
}

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

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

有一个简单的修复(文本缩进)来保持缩进列表效果，在伪类之前使用:。

ul { 保证金:0; ｝ ul。{破灭 list-style-type:没有; ｝ ul。虚线> li { indent: 5 px; ｝ ul。虚线> li:before { 内容:“-”; indent: 5 px; ｝ 一些文本 < ul类=“冲”> <李>第一李< / > <李>第二李< / > <李>第三李< / > < / ul > < ul > <李>第一李< / > <李>第二李< / > <李>第三李< / > < / ul > 最后的文本

ul {
margin:0;
list-style-type: none;
}
li:before { content: "- ";}

上面的一个答案不适合我，因为，经过一点点的尝试和错误，li:before也需要css规则display:inline-block。

所以这对我来说是一个完全可行的答案:

ul.dashes{
  list-style: none;
  padding-left: 2em;
  li{
    &:before{
      content: "-";
      text-indent: -2em;
      display: inline-block;
    }
  }
}

使用dl(定义列表)和dd代替lu li。 <dd>可以使用标准的CSS样式来定义，例如{color:blue;font-size:1em;}，并且可以使用放在HTML标记后的任何符号作为标记。它的工作方式类似于ul li，但允许您使用任何符号，您只需缩进它就可以获得通常使用ul li获得的缩进列表效果。

CSS:
dd{text-indent:-10px;}

HTML
<dl>
<dd>- One</dd>
<dd>- Two</dd>
<dd>- Three</dd></dl>

给你更干净的代码!这样，你可以使用任何类型的字符作为标记!缩进大约是-10px，它的工作完美!