Question

我使用以下CSS将刻度字符（✓）设置为无序列表项中的项目符号：

ul {
    list-style: none;
    padding: 0px;
}

ul li:before
{
    content: '\2713';
    margin: 0 1em; 
    color:#E8001F;
}

它在Firefox 30.0上完全正常，但IE 9根本没有显示任何子弹。

我的HTML很简单 <ul><li>A</li><li>B</li></ul>

编辑：

自定义项目符号不起作用的原因是怪癖模式下的IE 不支持给定的CSS。如果我们添加

<!doctype html>

IE应该切换到另一种模式，但在我的情况下，这是不合适的。 解决方案是使用图像项目符号。

Answer 1

也许你可以试试图像

li {
  list-style-image: url(image);
}

希望它可以帮到你

Answer 2

我尝试了相同的代码，它在IE 9中工作......

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test List</title>
<style>
ul {
    list-style: none;
    padding: 0px;
}

ul li:before
{
    content: '\2713';
    margin: 0 1em; 
    color:#E8001F;
}
</style>
</head>
<body>
<ul><li>A</li><li>B</li></ul>
</body>
</html>

看：http://i.imgur.com/JuY8XOn.png

自定义无序列表项目符号在Internet Explorer中不起作用

2 个答案: