HTML菜单栏：已去除下划线，如何移除菜单项图标后的圆点？

你遇到的圆点大概率是列表项（<li>）的默认项目符号，text-decoration:none只负责移除文本下划线，对列表标记无效，按以下方法解决：

• 直接给菜单栏的列表项添加CSS规则，移除默认圆点：

  .menu-list li {
    list-style-type: none;
  }
  

  也可以用简写形式list-style: none;，效果完全一致。

• 用浏览器开发者工具（按F12）检查元素样式，确认是否有其他CSS规则继承或覆盖了list-style属性，确保上述规则优先级足够（比如给选择器加上父类或ID提升权重）。

• 如果图标是通过伪元素（如::before）实现的，检查伪元素的content属性是否设置了类似"•"的内容，若有则替换成图标对应的内容（比如字体图标代码）或清空。

内容的提问来源于stack exchange，提问作者Siavosh