cssclass 不适用于复选框列表

【问题标题】：cssclass not working for checkboxlistcssclass 不适用于复选框列表
【发布时间】：2017-07-31 07:07:07
【问题描述】：

有一个复选框列表，我想为其显示每个复选框项目的边框。据我所知，它将用于将 td cssclass 设置为 checkboxlist 在 td 中保存项目。我尝试了下面的代码，但它不起作用。

aspx 代码

<style type="text/css">
     .chkboxlist td
     {
         font-size: large;
         background-color: Green;
         border-color: Red;
         color: black;
     }
</style>

&lt;asp:CheckBoxList ID="chkCompanies" RepeatDirection="Vertical" CellSpacing="5" CellPadding="5"                                          runat="server" CssClass="chkboxlist"&gt;&lt;/asp:CheckBoxList&gt;

aspx.cs 代码

chkCompanies.DataSource = dtCompanyList;
            chkCompanies.DataTextField = "Emp_Company";
            chkCompanies.DataBind();

CSSClass 在 aspx 代码的 head 部分。请提出建议。

【问题讨论】：

标签： c# css asp.net checkboxlist

【解决方案1】：

“据我所知，它将 td cssclass 设置为 td 中的 checkboxlist 保存项目” - 这是不正确的。

当您将 .chkboxlist td 指定为 CSS 选择器时，您并未定位您的 asp:CheckBoxList 元素，因为它不是 <td> 元素。

删除td 选择器，它应该可以正常工作：

<style type="text/css">
      .chkboxlist
      {
          font-size: large;
          background-color: Green;
          border-color: Red;
          color: black;
      }
</style>

如果你想改变每个 CheckBox 的边框，你可以在代码隐藏中设置它，在OnDataBound 事件中：

foreach (ListItem li in chkCompanies.Items)
{
    li.Attributes.Add("Style", "border: solid 1px black;");
}

【讨论】：