如何仅在Internet Explorer中仅在导航菜单中出现的项目符号点删除

Question

我与Internet Explorer有问题。我一直在使用CSS和HTML构建菜单，在其他Web浏览器中一切正常，但是当涉及Internet Explorer时，当您悬停在菜单项上暂时悬停时，这些子弹会出现。它们都被CSS隐藏了，我尝试添加列表风格：无所不能，但什么都没有起作用。有什么想法吗？！

网站：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;
}

，这就是令人困惑的。所有这些都被列为"无"，但以某种方式出现了？！

Answer 1

我认为您可以为较旧的IE版本使用它。不确定它是否适用于IE8作为列表风格型：无适合IE11。

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

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>