将样式应用于CheckBoxList中的ListItems

时间:2020-03-06 14:27:19  来源:igfitidea点击:

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

周围有什么工作吗?

解决方案

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

使用类似

Style.css

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

Page.aspx

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

会成功的

我们可以通过编程将属性添加到ListItems,如下所示。

假设我们有一个CheckBoxList,并且要添加ListItems。我们可以一路添加属性。

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

这将使列表项文本的颜色变为红色。实验并玩得开心。

除了安德鲁的答案...

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

在大多数情况下,我们可以仅在呈现的页面上(也许在几个不同的浏览器上)执行"查看源代码",并弄清楚ASP.Net在做什么。但是,新版本的服务器控件或者不同的浏览器可能会以不同的方式呈现它们。

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