html - 用任意字符替换 HTML 列表的元素符号

Question

我们如何用任何 HTML 字符替换 HTML 列表的元素符号，例如这个“-”？

在网上我找到了一个用 ASCI 字符替换的解决方案，但它不适用于 IE。

Answer 1

您可以更改列表样式类型:https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

如果您想要列表中不存在的一个，例如，您可以使用 -:

ul {
    list-style-type: none;
}

li:before {
    content: "- ";
}

示例:http://jsfiddle.net/ExSjv/

编辑

如果您想在休息时正确对齐它们，请使用:

ul {
    list-style-type: none;
}

li:before {
    content: "- ";
    margin: 0 0 0 -10px;
}

请记住，偏移量取决于很多因素。所以它可能是另一个值 -10px

示例:http://jsfiddle.net/ExSjv/1/

最后

对你来说，最好的是:

li:before {
    content: "- ";
    margin: 0 0 0 -15px;
    display: inline-block;
    width: 10px;
}