0

我有一个项目清单:

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

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

(我通过 javascript 注入 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;
4

2 回答 2

1

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

无需更改填充或边距。

于 2012-09-26T19:09:29.000 回答
0

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

padding-left: 20px;

或者

margin-left: 20px;
于 2012-09-26T18:43:43.383 回答