Question

我有一个项目列表：

<ul>
    <li> item 1 </li>
    <li> item 2 </li>
</ul>

这些没有子弹显示。但为什么？以下是从Chrome的Inspect元素中复制粘贴的所有计算样式。我需要改变什么？显示：list-item和list-style-type：光盘似乎没问题。

（我通过javascript注入html。这意味着我可以创建自己的样式类来覆盖任何本来可以继承的样式，但是我可以删除＆＃34;来自的任何样式父母。）

-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-size: auto;
color: red;
display: list-item;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 14px;
height: 17px;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 1389px;

Answer 1

尝试提供list-style-position:inside;的其他样式并检查sample代码。

无需更改填充或边距。

Answer 2

他们存在，他们只是不可见。你打破了左边界。尝试

padding-left: 20px;

或

margin-left: 20px;

CSS：为什么没有子弹显示列表项？

2 个答案: