Как установить другой цвет фона для каждого повторяющегося столбца RadioButtonList

Question

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

Ниже мой RadioButtonList код

<asp:RadioButtonList ID="rblTimeSlot" runat="server" RepeatColumns="3" RepeatLayout="Table" AutoPostBack="False" CellPadding="10" CellSpacing="2" Font-Bold="False"></asp:RadioButtonList> 

Список элементов загружается из базы данных на другом мероприятии.

Заранее спасибо.

Answer 1

Использование CSS nth-child (> = IE9):

#rblTimeSlot tr:nth-child(even) 
{ 
    background-color:aqua; 
} 

Или JQuery:

$("#rblTimeSlot tr:even").css("background-color","aqua"); 

Если вы хотите сделать то же самое для столбцов, используйте этот слегка измененную CSS:

#rblTimeSlot tr > td:nth-child(even) 
{ 
    background-color:aqua; 
} 

or jquery:

$("#rblTimeSlot tr>td:even").css("background-color","aqua"); 

Answer 2

вы можете написать код в файле XX.aspx.cx так:

string[] color = { "red", "yellow","blue" }; 
for (int i = 0; i < rblTimeSlot.Items.Count; i++) 
{ 
    int j = i % color.lenght; 
    rblTimeSlot.Items[i].Attributes.Add("style", "color: " + color[j]+ ";"); 

}