Question

我来找你们这些我过去4天以来一直试图解决的问题。花了很多时间试图解决这个问题虽然我找到了解决方法，但我还没有解决问题。

问题在于List-Styling，特别是List-style：none我试图将其应用于加载页面时未显示的列表（display：none）。

当页面加载时，用户可以单击一个按钮，该按钮应该将列表从无更改为阻止显示页面上的列表。

现在这适用于Chrome，Firefox和IE，但无论出于何种原因，当列表显示在Edge上时，它会显示项目符号。

我可以应用List-style：square，或circle或disc，但是所有这些都将被应用但是List样式None完全被忽略，尽管我可以在开发人员工具中看到它。

我已经找到了解决这个问题的方法（使用可见性而不是显示，使用列表样式图像数据0，它们都有效。

但是我仍然找不到解决问题的方法。

我的代码（或我可以展示的代码）如下..

HTML
    <!DOCTYPE HTML>
    <html xml:lang="en" lang="en">
    <head>

<link rel="stylesheet" type="text/css" href="/css/style.css" />

</head>
<body>
<button onclick="myFunction()">Click Me</button>
<div class="theList" id="myDIV">
    <ul id="theul">
        <li style="list-style: none;">one</li>
        <li>two</li>
        <li>three</li>
    </ul>
</div>
</body>
</html>
<script>
    function myFunction() {
    var x = document.getElementById("myDIV");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}
    </script>

CSS

#theul li{
    display: list-item;
    //list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    list-style: none;
}
.theList{
    display: none;
}

现在使用List-style：none inline的工作方式就像魅力一样，在Head in Style标签中使用它也可以使用外部样式表而不起作用。

希望有人能提供帮助，希望我能让所有人感到困惑。

附加说明：我无法在像JsFiddle这样的网站上复制此问题。

Answer 1

我遇到了同样的问题......它的荒谬，但是＆＃34;白色空间：nowrap;＆＃34;在你的李可能可以解决问题。

Answer 2

我有类似的问题和＆＃34;白色空间：nowrap＆＃34;黑客工作。更多信息：我有一个样式列表样式的UL：无，并且仍然只在IE Edge中显示项目符号。我会检查元素并转换＆＃34; list-style：none＆＃34;除了然后重新开始瞧，子弹消失了。添加＆＃34;白色空间：nowrap＆＃34;对于UL而言，子弹在第一次加载时没有按预期显示。谢谢！

Answer 3

您可以使用“空白：正常”。不好-可以。

Answer 4

要解决此错误，只需编写以下代码：

ul li {
list-style:none;
list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

希望这会有所帮助。：）

从Edge中删除Bullet点

4 个答案: