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

请从 CSS 文件的第 3 行删除 list-style-position: inside;。它将从列表项中删除项目符号。
要从社交按钮中删除项目符号和刻度线，您需要明智地使用背景图像并定位特定的伪元素。请阅读 CSS 规范以更好地理解它。

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

Answer 2

这是因为您将 list-style: none; 应用于父项而不是子项 li。您还将它应用于伪class :before。您只需要在实际的列表项本身上使用它。

您的密码是：

.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 3

错误来自页面速度优化。当我直接在封闭体之前添加 css 代码时，不需要的项目符号就会出现。如果我将 css 文件直接嵌入到头部，那么它们就没问题了。我希望有人也需要这个解决方案。

Answer 4

Css:

  li {list-style: none;}

您需要申请，只需使用标签 li 即可。问题解决

Answer 5

我遇到了与 nickName 相同的问题：我只是在 body 标记的末尾应用了一个速度优化附加静态资源（无法制作动态资源）并且 IE11 不呈现（一些of) LIs 正确。当我移动

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

部分到 header，一切都重新开始正常工作。

Answer 6

解决方案是使用来自 scottjehl 的 JavaScript loadCSS 延迟加载 CSS 代码。他的框架异步加载 CSS 文件。请从 Filament Group, Inc.[c]@scottjehl 搜索 loadCSS

CSS 删除 Internet Explorer 上的要点

CSS remove bullet points on internet explorer

html

css

internet-explorer