css – 如何仅在Internet Explorer中删除导航菜单中显示的项目符号？

2023年1月16日 204次阅读

我有一个Internet Explorer的问题.我一直在使用CSS和html构建一个菜单,所有内容在其他Web浏览器中都运行良好,但是当涉及到Internet Explorer时,当您将鼠标悬停在菜单项上一会儿时,会出现项目符号.他们都被CSS隐藏了,我尝试添加list-style：none元素,无论我在哪里,但没有任何工作.有任何想法吗？！

网站：http://www.carrallinson.com

我可以在CSS上添加更多信息,但这一切都非常复杂.作为一个片段：

.main-navigation ul ul li {
    padding: 0;
    text-align: left;
    list-style: none;
}
.main-navigation ul ul li:hover,
.main-navigation ul ul li.focus {
    background: #fff;
    opacity: 1.0;
    list-style: none;
}

这就是令人困惑的事情.这一切都被列为“无”但不知何故出现了？！

最佳答案 我认为你可以在旧的IE版本中使用它.不确定它是否适用于IE8作为list-style-type：none适用于IE11.

参考：https://github.com/tjvantoll/jquery-ui/commit/6acd1c8640b271db7df03f1457a817d5d6a1f29d

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

  <li>A</li>
  <li>B</li>
  <li>C</li>
</ul>

另一种选择是使用：

li {
list-style-position: outside;
overflow: hidden;
}

li {
  list-style-position: outside;
  overflow: hidden;
}

Position the bullet outside of the list and hide the overflow.
<ul>
 <li>A</li>
  <li>B</li>
  <li>C</li>
</ul>
点赞