从 < ul > 中删除要点

我有以下清单:

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

我想摆脱子弹，所以我试着:

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

但是没有用。从显示的列表中删除子弹的正确方法是什么？

494525 次浏览
小开

假设这不起作用，您可能需要将基于 id的选择器与 li结合起来，以便将 css 应用到 li元素:

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

参考文献:

小开

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

ul {
list-style: none;
}
小开

肯定还有别的办法。

因为:

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

应该能行。

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

使用 DOM 检查器查明。

小开

放下

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

紧接在列表之前进行测试。或

<ul style="list-style-type: none;">
小开
我自己也有同样的极端恼人的问题，因为脚本没有注意到我的样式表。 于是我写道: 
<ul style="list-style-type: none;">

那没用，所以，此外，我写道:

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

瞧，成功了！

小开

我也有同样的问题，最后我解决它的方式是这样的:

ul, li{
list-style:none;
list-style-type:none;
}
也许这有点极端，但是当我这样做的时候，它对我起作用了。
希望这对你有所帮助
小开

我也有同样的问题。

解决方案是，子弹是通过 背景图像背景图像，而不是通过列表样式类型添加。一个简短的“背景: 没有”和鲍勃是你的叔叔！

小开

对于内联样式表，请尝试使用此代码

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

以下代码

#menu li{
list-style-type: none;
}
<ul id="menu">
<li>Root node 1</li>
<li>Root node 2</li>
</ul>

将产生这样的产出:

output is

小开

你的密码:

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

我的建议是:

#otis {
list-style-type: none;


}
在 css 中你只需要使用 #id而不是 element#id。这里提供了更多有用的提示: W3学校

小开

要从无序列表中删除要点，可以使用:

list-style: none;

你亦可使用:

list-style-type: none;

这两种方法都有效，但第一种方法更短，可以得到相同的结果。

小开

要删除子弹从 UL你可以简单地使用 list-style: none;或 list-style-type: none;如果仍然不工作，那么我想有一个优先级 CSS的问题。可能已经定义了全局 UL。因此，最好的方法是将类/ID 添加到那个特定的 UL 中，并在那里添加 CSS。希望能成功。

小开
这个方法非常有效 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;}
小开

在铬合金里，你可以用

ul {
list-style: none;
}

提交答案