从Edge移除项目符号点
[英]Remove Bullet points from Edge
问题描述
自过去4天以来我就一直在解决这个问题。 尽管我已经找到解决方法，但花了很多时间尝试解决此问题，但仍未解决问题。
问题出在List-Styling上，特别是List-style：none，我试图将其应用于加载页面时不显示的列表（display：none）。
页面加载时，用户可以单击按钮，然后将列表从无更改为阻止在页面上显示列表。
现在，这在Chrome，Firefox和IE上都可以正常工作，但是无论出于什么原因，当列表显示在Edge上时，它都会显示出要点。
我可以应用List-style：square或圆形或圆盘，所有这些都将应用，但是虽然我可以在开发人员工具中看到它，但是完全不会忽略列表样式None。
我已经找到解决方法（使用可见性而不是显示，使用都可以工作的list-style-image数据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：没有内联可以像charm一样工作，也可以在Head in Style标签中使用它，也只能在外部样式表上起作用，而不能使用charm。
希望有人能提供帮助，也希望我不会混淆所有人。
附加说明：我一直无法在JsFiddle等网站上复制该问题。
4 个解决方案
解决方案1
4 2018-02-28 11:30:08
我遇到了同样的问题……这很荒谬，但是“ white-space：nowrap;” 在您的Li也许可以解决问题。
解决方案2
3 2018-04-10 17:18:30
我遇到了类似的问题，“空白：nowrap”破解工作了。 更多信息：我有一个样式为列表样式的UL：无，并且仅在IE Edge中仍显示项目符号。 我将检查该元素并关闭“列表样式：无”规则，然后再打开，瞧，子弹消失了。 向UL添加“空白：nowrap”使子弹未按预期显示在第一次加载时。 谢谢！
解决方案3
0 2018-07-18 14:32:00
您可以使用“空白：正常”。 不好-但是可以。
解决方案4
0 2019-07-15 15:07:04
要解决此错误，只需编写以下代码：
ul li {
list-style:none;
list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
希望这可以帮助。 :)
从html中删除“bullet”符号
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.