CSS删除Internet Explorer上的项目符号

Question

我在Internet Explorer中遇到了一个要点问题。我已经尝试在ie中删除加倍显示的项目符号，但我无法弄清楚为什么总是会显示它们。在Internet Explorer 11中，它显示我自己的图标（绿色挂钩）和浏览器生成的图标。我想保持绿色的钩子，并希望删除灰色的子弹。请看一下here。 如果您没有Internet Explorer，请查看我的。谢谢！

我的CSS代码生成项目符号：

ul,li, .nav ul, .nav li {
    list-style:none;
    list-style-type: none;
    list-style-position:inside;
    margin:0;
    padding:0;
}
.content ul{list-style:none;margin-left:0;padding-left:0em;text-indent:0em;}
.content ul li:before{
    content:'';
    background:url(http://www.deutsch-vietnamesisch-dolmetscher.com/i/haken-gruen.png) no-repeat;
    background-position:left center;
    padding:0 0 0 20px;
    margin:0 0px 0 0;
    list-style:none;
    white-space:normal
}
.content ul {padding: 0 0 0 15px;}
.content ul li ul {padding: 0 0 0 15px;}
.content ul li.list:before{background: none;}

Answer 1

该错误来自pagespeed优化。当我在封闭体之前直接添加css代码时，会出现不需要的子弹。如果我将css文件直接嵌入到头部，那么每个人都可以使用。我希望有人也需要这个解决方案。

Answer 2

1. 请从CSS文件的第3行中删除list-style-position: inside;。它将从列表项中删除项目符号。

2. 要从社交按钮中删除项目符号和刻度标记，您需要明智地使用背景图像并定位特定的伪元素。请在CSS规范中阅读它以便更好地理解它。

.socializm ul li:before {
    background: none;
}

Answer 3

我遇到了同样的nickName问题：我只是应用了一个速度优化，在body标签的末尾添加静态资源（无法生成动态标签），IE11也不会渲染（一些）LIs正确。当我移动

<style type="text/css">
    ul li {
        list-style: none;
    }
</style>

部分到标题，一切都重新启动正常工作。

Answer 4

解决方案是使用scottjehl的JavaScript loadCSS加载懒惰的CSS代码。他的框架异步加载一个CSS文件。请从[c] @scottjehl，Filament Group，Inc。

中搜索loadCSS

Answer 5

这是因为您将list-style: none;应用于父级而非li。您还将它应用于伪类:before。你只需要在实际的list-item本身上。

您的代码是：

.content ul{list-style:none;margin-left:0;padding-left:0em;text-indent:0em;}
.content ul li:before{
    content:'';
    background:url(http://www.deutsch-vietnamesisch-dolmetscher.com/i/haken-gruen.png) no-repeat;
    background-position:left center;
    padding:0 0 0 20px;
    margin:0 0px 0 0;
    list-style:none;
    white-space:normal
}

您的代码应该是：

.content ul{margin-left:0;padding-left:0em;text-indent:0em;}
.content ul li:before{
    content:'';
    background:url(http://www.deutsch-vietnamesisch-dolmetscher.com/i/haken-gruen.png) no-repeat;
    background-position:left center;
    padding:0 0 0 20px;
    margin:0 0px 0 0;
    white-space:normal;
}
/* -- added -- */
.content ul li{ list-style: none; }

Answer 6

Css：

  li {list-style: none;}

您需要申请，只使用标记li就可以了。问题解决了