Question

我有一个样式表，无论出于何种原因，都不会将list-style-type应用于UL元素。我正在使用YUI的Grid CSS及其reset-fonts-grid.css文件，我知道这些文件是CSS重置的一部分。

在调用YUI后，我调用了网站的样式表，并且有一个UL块：

ul {list-style-type: disc;}

我也尝试通过list-style设置它，但得到相同的结果。我知道上面的CSS块被读取就好像我添加了填充或边距之类的东西。样式类型未显示在Firefox或IE中。

我应用于UL的唯一其他CSS是在#nav div中，但CSS没有触及list-style-type，它使用YUI提供的重置，YUI和网站样式表是只有两个被调用的CSS表。

我在网站的管理员端也有FCKEditor，该编辑器确实显示了子弹样式，所以我知道它必须是CSS没有被FCKEditor过滤的东西。

Answer 1

您需要在css中包含以下内容：

li { display: list-item; }

这会触发Firefox显示光盘。

Answer 2

如果您使用的reset.css使所有边距为空，您还可以给出左边距：这意味着：

li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}

假设您在重置后应用此css ，它应该可以正常工作！

Matthieu Ricaud

Answer 3

如果我没弄错的话，你应该将这个规则应用于li，而不是ul。

ul li {list-style-type: disc;}

Answer 4

我遇到了这个问题，原来我的ul上没有任何填充，这阻止了光盘的显示。

保证金也很混乱

Answer 5

确保'li'没有应用overflow: hidden。

Answer 6

此问题是由父类中的li display属性设置为block引起的。覆盖list-item解决了这个问题。

Answer 7

我遇到了这个问题，原来我的ul上没有任何填充，这阻止了光盘的显示。

Answer 8

您是否尝试过使用！important？
FireBug显示哪个样式表对元素有最后的控制权？
这个活在某个地方可以被别人看到吗？

更新

我非常有信心提供代码示例可以帮助您更快地获得解决方案。如果您可以在某处上传此问题的示例，或者提供标记以便我们可以在本地主机上测试它，那么您将有更好的机会获得一些有价值的输入。

问题的问题在于他们引导他人相信提问的人有足够的知识来提问。在编程中并非总是如此。可能有一些你遗漏或意外被扯掉的东西。如果没有其他人关注你的代码，他们就必须假设你什么都没错，而忽略了什么。

Answer 9

我的reset.css是margin: 0, padding: 0。经过几个小时的查看和排除故障后，这个工作：

li {
    list-style: disc outside none;
    margin-left: 1em;
}

ul {
    margin: 1em;
}

Answer 10

我能想到的是，之后有些东西会过度使用。

您首先包含重置样式，对吗？

Answer 11

在IE中，我只使用“normal_ol”类来设置ol列表的样式，并进行了如下所示的修改：

以前的代码： ol.normal_ol {float：left;填充：0 0 0 25px;余量：0;宽度：500像素;} ol.normal_ol li {font：normal 13px / 20px Arial;颜色：＃4D4E53;向左飘浮;宽度：100％;}

修改后的代码： ol.normal_ol {float：left;填充：0 0 0 25px;余量：0;} ol.normal_ol li {font：normal 13px / 20px Arial;颜色：＃4D4E53; }

Answer 12

事实证明，YUI的重置CSS会从'ul li'中删除列表样式而不仅仅是'ul'，这就是为什么在'ul'中设置它从来没有用过。

Answer 13

您要做的就是将此类添加到CSS中。

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

包括填充和边距设置为0非常重要。相信我。

Answer 14

对于我来说，请确保在li标记中没有设置显示属性。出于某种原因，我在display: flex标记中具有li属性。

Answer 15

请使用内联css

<li style="disply:list-item">my li content </li>

UL列表样式不适用

15 个答案:

更新