从<ul>中删除项目符号点

我有以下列表：

<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的select器与li结合起来，以便将css应用于li元素：

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

参考：

• list-style-type在Mozilla开发人员中心 。

Answer 2

我自己也有同样的极端恼人的问题，因为脚本没有注意到我的Stylesheet。 所以我写道：

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

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

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

瞧！ 有效！

Answer 3

试试这个，在Chrome / Safari上testing

 ul { list-style: none; } 

Answer 4

下面的代码

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

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

Answer 5

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

 list-style: none; 

你也可以使用：

 list-style-type: none; 

要么工作，但第一个是一个更短的方式来获得相同的结果。

Answer 6

放

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

在列表之前立即testing出来。 要么

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

Answer 7

必须有别的东西。

因为：

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

应该只是工作。

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

使用你的DOM检查器找出。

Answer 8

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

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

也许这是一个极端的，但当我这样做，它为我工作。

---

希望这有助于

Answer 9

为内联样式表尝试此代码

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

Answer 10

要从UL删除子弹，您可以简单地使用列表样式：无; 或list-style-type：none; 如果仍然不行，那么我想有一个优先级的问题。 可能全球已经定义UL。 所以最好的方法是添加一个类/ ID到特定的UL并添加你的CSS。 希望它会起作用。

Answer 11

我有一个相同的问题。

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

Answer 12

你的代码：

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

我的build议：

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

在CSS中你只需要使用#id不是element#id #id 。 这里提供了更多有用的提示： w3schools