изменение цвета фона элемента в списке флажков - PullRequest
Новая
       29

изменение цвета фона элемента в списке флажков

0 голосов
/ 22 марта 2012

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

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

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

Ответы [ 2 ]

0 голосов
/ 22 марта 2012

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

Все 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, чтобы применить стиль.

0 голосов
/ 22 марта 2012

Попробуйте этот код ниже:

newCkItm.Attributes.Add ("id", "alpha");

Таким образом, вы можете хранить все свои стили отдельно от вашего кода и не придется перекомпилировать и т. Д. Каждый раз, когда вам нужно настроить CSS.

При этом сам 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;
}
...