CSS:为什么显示的列表项没有元素符号？

Question

我有一个元素列表:

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

这些显示时没有元素符号。但为什么？下面是所有计算样式，从 Chrome 的 Inspect 元素复制粘贴。我需要改变什么？ Display:list-item 和 list-style-type:disc 似乎没问题。

(我通过 javascript 注入(inject) html。这意味着我可以创建自己的样式类来覆盖任何将以其他方式继承的样式，但我不能从父类中“删除”任何样式。)

-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代码。

无需更改填充或边距。