你可以像这样设置li::marker:

li::marker {
   content: '- ';
}

下面是一个没有任何相对或绝对位置，也没有文本缩进的版本:

ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

喜欢。)

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

您可以参考MDN

使用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，它的工作完美!

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;
}`

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

列表样式:"- "