如何为 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;
}

或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]+ ";");

}

如何为 RadioButtonList 的每个重复列设置不同的背景颜色

How to set different background color for each repeated column of RadioButtonList

javascript

css

c#

asp.net

radiobuttonlist