用任何字符替换HTML列表的项目符号

Question

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

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

Answer 1

您可以更改list-style-type：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;
}

Answer 2

您可以使用：before选择器并更改li元素之前显示的内容

ul {list-style:none; margin: 0; padding: 0}
li { padding-left: 5px; }
li:before { content: '-'; margin-right: 5px; }

我没有对此进行测试，可能需要进行一些调整，但是你明白了这个想法