Html 为什么菜单项目符号出现在我的菜单上？

我正在尝试使用HTML和CSS为网页创建菜单。当菜单显示时，这些讨厌的项目符号就会出现。我不想要它们。我怎样才能摆脱它们

此外，子菜单需要允许可变长度的字符串。我必须指定一个

宽度：80px下拉列表li

元素的code>属性。如果我没有，所有的菜单都被挤在一起了

对于子菜单，如果我有这样一个长的li：

<li><a href="#">Most Popular Artists</a></li>

---

您应该添加

列表样式类型：无到您的主
ul
CSS，如下所示：

.dropdown ul {
list-style-type: none;
background: black;
border: 1px solid black;
border-top-width: 0;
position: absolute;
top: 26px;
left: -1px;
z-index: 9999;
}

.dropdown ul {
display: none;
}

现在，您可以合并这两个项目并对其进行格式化，以确保可读性：

.dropdown ul {
  display: none;
  list-style-type: none;
  background: black;
  border: 1px solid black;
  border-top-width: 0;
  position: absolute;
  top: 26px;
  left: -1px;
  z-index: 9999;
}

而且，您甚至可以添加
！重要信息
要强制覆盖：

.dropdown ul {
  display: none;
  list-style-type: none !important;
  background: black;
  border: 1px solid black;
  border-top-width: 0;
  position: absolute;
  top: 26px;
  left: -1px;
  z-index: 9999;
}

添加
列表样式：无添加到列表以隐藏默认项目符号。将此角色应用于
ul
，这样您就不必每次都将其应用于每个
ul.class

ul {
    list-style:none;
    padding:0;
    margin:0;
}

我做了一个测试，但我没有发现任何所谓的
讨厌的子弹
这可能是缓存问题。它工作正常@vascowhite您知道问题出现在哪个浏览器中吗？这应该是第一个问题。@JakeGould我怎么知道的？哦，如果你以某种方式编辑你的答案，我将能够删除我的反对票：）@vascowhite Done！谢谢。啊，但就是这样。这解决了我这边的子弹问题。现在，我只是遇到了子菜单的问题。如何让长字符串出现而不受宽度限制：80px；属性在.dropdown>li{}中定义？Alan很乐意帮助！但像素宽度问题实际上是一个单独的问题。这题为“为什么我有菜单项目符号”，所以也许你应该开始另一个问题？如果我的答案对你有帮助，请务必投票并接受答案。@Alan-你使用我在前面的问题中建议的答案-使用
display:inline block
，并且不要设置宽度（让它们自动拉伸）：@cale\u b感谢你指出了有点重复的问题。Dale，在另一个问题上再加上一个问题显然是正常的人类行为，但宽度问题似乎已经在另一个问题中得到了解决。嘿，耐心点。这个社区尊重这一点！
.dropdown ul {
  display: none;
  list-style-type: none !important;
  background: black;
  border: 1px solid black;
  border-top-width: 0;
  position: absolute;
  top: 26px;
  left: -1px;
  z-index: 9999;
}

ul {
    list-style:none;
    padding:0;
    margin:0;
}