我正在使用以下 CSS
#basic li, #standard li, #premium li {
padding-left: 30px;
padding-top: 3px;
padding-bottom: 5px;
background-image: url(../assets/misc/blue_yes.png);
background-repeat: no-repeat;
background-position: 0 .5em;
border-bottom: 1px dotted #CCC;
}
#high li {
padding-left: 30px;
padding-top: 3px;
padding-bottom: 5px;
background-image: url(../assets/misc/green_yes.png);
background-repeat: no-repeat;
background-position: 0 .5em;
border-bottom: 1px dotted #CCC;
}
为四个单独的列表设置样式
<ul id="basic">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
<ul id="standard">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
<ul id="high">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
<ul id="premium">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
问题是只有第一个列表的元素符号被删除并替换为图像。列表 2-4 在元素符号旁边有图像。我怎样才能使所有四肢列表的样式相同?
最佳答案
在ul的CSS代码中添加list-style-type:none
编辑:-添加代码
CSS:
#basic,#standard,#premium,#high,#basic li, #standard li, #premium li,#high li{
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
#basic,#standard,#premium,#high{
list-style: none;
}
关于css - 列表样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10437892/