摆脱要点<ul></ul>

Question

我有以下列表：

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

我想摆脱子弹，所以我尝试了：

 ul#otis {
 list-style-type: none;
 }

但这没有用。 从显示的列表中删除项目符号的正确方法是什么？

Answer 1

假设这不起作用，您可能希望将基于id的选择器与li结合起来，以便将 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ 应用于li元素：

#otis li {
    list-style-type: none;
}

参考：

• Mozilla 开发者中心的list-style-type 。

Answer 2

我自己也遇到了同样令人恼火的问题，因为脚本没有注意到我的样式表。 所以我写道：

<ul style="list-style-type: none;">

那没有用。 所以，另外，我写道：

<li style="list-style-type: none;">

瞧，它奏效了

Answer 3

以下代码

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

 <ul id="menu"> <li>Root node 1</li> <li>Root node 2</li> </ul>

将产生这个 output：

Answer 4

要从无序列表中删除项目符号点，您可以使用：

list-style: none;

您还可以使用：

list-style-type: none;

两种方法都可以，但第一种方法是获得相同结果的更短的方法。

Answer 5

试试这个，在 Chrome/Safari 上测试

ul {
 list-style: none;
}

Answer 6

要从UL中删除项目符号，您可以简单地使用list-style: none; 或list-style-type: none; 如果仍然不起作用，那么我想存在优先级问题CSS 。 可能已经在全球范围内定义了 UL。 所以最好的方法是向那个特定的 UL 添加一个类/ID，然后在那里添加你的CSS 。 希望它会奏效。

Answer 7

这工作得很好HTML

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

CSS

#top-list{
  list-style-type: none;
  list-style: none;}

Answer 8

放

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

就在列表之前对其进行测试。 或者

<ul style="list-style-type: none;">

Answer 9

我有同样的问题，我最终修复它的方式是这样的：

ul, li{
    list-style:none;
    list-style-type:none;
}

也许这有点极端，但是当我这样做时，它对我有用。

---

希望这有帮助

Answer 10

对于内联样式表，试试这个代码

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

Answer 11

在 chrome 中，您可以使用

ul {
 list-style: none;
}

Answer 12

一定有别的东西。

因为：

   ul#otis {
     list-style-type: none;
   }

应该可以工作。

也许有一些 CSS 规则会覆盖它。

使用你的 DOM 检查器来找出答案。

Answer 13

你的代码：

ul#otis {
    list-style-type: none;
}

我的建议：

#otis {
    list-style-type: none;

}

在 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ 中，您只需要使用#id而不是element#id 。 此处提供了更多有用的提示： w3schools

Answer 14

我有一个相同的问题。

解决方案是子弹是通过背景图像添加的，而不是通过列表样式类型。 快速的“背景：无”，鲍勃是你的叔叔