我正在创建一个包含以下部分的表单:
我对活动和对象部分的方法是使用列表创建这些选项。
<div class="formBlock">
Activities
<ul id="coloringAct">
<li>Activity Type A</li>
<li>Activity Type B</li>
<li>Activity Type C</li>
</ul>
</div>
我希望能够使用自定义列表样式(不是图像)或使用 :before 选择器来创建彩色块,就好像它们是列表的项目符号一样。本质上,是这样的:
#formTable tr td .formBlock li {
list-style:none;
margin:0;
padding:0;
border-top:1px solid #DDD;
}
#formTable tr td .formBlock li:before {
content: "";
width:20px;
height:20px;
background:red;
}
我怎样才能使用 CSS 完成一些事情?这是行不通的。