次のセクションを持つフォームを作成しています。
アクティビティとオブジェクトのセクションに対する私のアプローチは、リストを使用してこれらのオプションを作成することでした。
<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を使用してこれを達成するにはどうすればよいですか? これは機能していません。