Question

我有一个ul列表，我无法让Internet Explorer停止在li上显示项目符号。我尝试了在网络上找到的各种方式，但它们仍在那里。

HTML code：

<ul>
    <li>
        <a href="/mydomain.com/en">EN</a>
    </li>
    <li>
        <a href="/mydomain.com/fr">FR</a>
    </li>
</ul>

CSS代码：

ul {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    // tried also list-style-type: none;
}

ul li {
    display: inline;
    list-style: none;
    // tried also list-style-type: none;
    float: left;
    padding: 0;
    height: 100%;
    margin: 0 !important;
}

更新解决方案

还有其他一些CSS规则被划掉，不应该在网站上应用。其中一个是：

li:before {
    content: '\25A0';
}

正如我所说，这个CSS在Chrome，Mozilla和IE的开发者工具中被划掉了。但是，当我在样式表中添加content:none时，子弹就消失了。可能是IE上使用了划掉的内容的错误？

Answer 1

我无法在IE11中复制问题。我使用外部，嵌入式和内联样式进行了测试，并且在所有情况下，子弹都被正常移除而没有任何问题。

然而，这是一个记录在案的问题。

它似乎是IE11中的一个错误。有些人通过将样式规则从外部样式表移动到文档的<head>部分（即使用嵌入式样式）找到了workaround。其他人找到了solution with the list-style-image property。

无法从Internet Explorer 11上的列表中删除项目符号

1 个答案: