将样式应用于CheckBoxList中的ListItems

Question

如何将样式应用于CheckBoxList ListItems.与其他控件(例如您可以指定的Repeater)不同<ItemStyle>,您似乎无法为每个控件指定样式.

有什么工作吗？

Answer 1

您可以通过编程方式将属性添加到ListItems,如下所示.

假设您有一个CheckBoxList并且您正在添加ListItems.您可以沿途添加属性.

ListItem li = new ListItem("Richard Byrd", "11");
li.Selected = false;
li.Attributes.Add("Style", "color: red;");
CheckBoxList1.Items.Add(li);

这将使listitem文本的颜色变为红色.实验,玩得开心.

Answer 2

似乎最好的方法是创建一个新的CssClass.ASP.NET将CheckBoxList转换为表结构.

使用类似的东西

style.css文件

.chkboxlist td 
{
    font-size:x-large;
}

Page.aspx

<asp:CheckBoxList ID="chkboxlist1" runat="server" CssClass="chkboxlist" />

会做的

Answer 3

除了安德鲁的答案...

根据您在CheckBoxList或上加上的其他属性RadioButtonList，ASP.Net将使用不同的结构来呈现输出。例如，如果设置了RepeatLayout="Flow"，它将不会呈现为TABLE，因此您必须注意在CSS文件中使用哪些后代选择器。

在大多数情况下，您可以仅在呈现的页面上（也许在几个不同的浏览器上）执行“查看源代码”，并弄清楚ASP.Net在做什么。但是，存在这样的危险，新版本的服务器控件或不同的浏览器将以不同的方式呈现它们。

如果您想要对特定列表项或列表项集设置不同的样式，而无需在后面的代码中添加属性，则可以使用CSS属性选择器。唯一的缺点是IE6不支持它们。jQuery完全支持CSS 3样式属性选择器，因此您可能还可以将其用于更广泛的浏览器支持。

Answer 4

您也可以在标记中实现此目的.

<asp:ListItem Text="Good" Value="True" style="background-color:green;color:white" />
<br />
<asp:ListItem Text="Bad" Value="False" style="background-color:red;color:white" />

单词Style将带有下划线,警告Attribute'style'不是元素'ListItem'的有效属性.,但无论如何,项目都按照需要格式化.