2012-03-22 6 views
0

Я хочу изменить цвет фона выбранного элемента в списке флажков. Я попытался, как,изменение цвета фона элемента в списке флажков

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

Но здесь фоновый цвет флажка и соответствующий текст будет изменен. Есть ли способ изменить только цвет фона флажка без изменения цвета фона связанного текста?

+0

сторона примечание (возможно, полезно для других): для флажков это было бы легко: 'CB.InputAttributes.Add (« стиль »,« background-color: red; »);' http://msdn.microsoft.com /en-us/library/system.web.ui.webcontrols.checkbox.inputattributes.aspx –

ответ

0

Попробуйте следующий код:

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; 
} 
0

К сожалению, я не думаю, что входной тег (если тип = Флажок) работает с атрибутом стиля вообще. Создайте новый флажок и попробуйте сами.

asp:CheckBoxList Все/asp:ItemList и asp:CheckBox сделать это генерировать HTML для ввода и этикетки, и обернуть их в span теге. Этот тег span используется там, где применяется стиль.

Если группировка ваших флажков не вызывает большого беспокойства, вы можете использовать отдельные элементы управления asp:CheckBox без атрибута 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 применить стиль, однако.