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

我设置了3个重复的列，我想为每个重复的列使用不同的背景色，如果您对如何实现此目的有任何想法，请分享。

以下是我的RadioButtonList代码

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

该项目列表是在另一个事件上从数据库加载的。

提前致谢。

最佳答案

使用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");

关于javascript - 如何为RadioButtonList的每个重复列设置不同的背景颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33883611/