チェックボックスリスト内の項目の背景色を変更する

Question

チェックボックスリストで選択した項目の背景色を変更したいとします。 私は

CBList1.Items[0].Attributes.Add("style", "background-color: red;"); 

、同様に試してみました。しかし、ここでチェックボックスと関連付けられたテキストの背景色が変更されます。 関連テキストの背景色を変更せずに、チェックボックスの背景色だけを変更する方法はありますか？

Answer 1

コードの下に、これを試してください：

newCkItm.Attributes.Add（ "ID"、 "アルファ"）。

あなたはあなたのスタイルをあなたのコードとは別に保つことができ、CSSを微調整する必要があるたびに再コンパイルする必要はありません。 （タイプ=チェックボックスはとき）で、すべてのスタイル属性と連携

#cblCalendarFilter { 
    border:none; 
    border-collapse:collapse; 
} 

#cblCalendarFilter td { 
    padding:0; 
} 

#cblCalendarFilter span { 
    display:block; 
    padding:2px; 
} 

#cblCalendarFilter #alpha { 
    background:red; 
} 

#cblCalendarFilter #beta { 
    background:yellow; 
} 

Answer 2

は、残念ながら、私はinputタグを考えていない：自身がこのようになりますCSSで

。新しいチェックボックスを入力して、自分で試してみてください。

すべてasp:CheckBoxList/asp:ItemListとasp:CheckBoxんが、入力とラベルの両方のためのHTMLを生成し、spanタグでそれらをラップしています。そのスパンタグはスタイルが適用される場所です。

チェックボックスをグループ化することに大きな懸念がない場合は、Text属性のない個別のコントロールを使用して、タグの外に関連するテキストを書き込むことができます。

<asp:CheckBox ID="cb1" runat="server" />associated text 1 
<asp:CheckBox ID="cb2" runat="server" />associated text 2 
<asp:CheckBox ID="cb3" runat="server" />associated text 3 

あなたはまだしかし、スタイルを適用するcb1.Attributesないcb1.InputAttributesを呼び出す必要があります。