c# - cssclass 不适用于复选框列表

Question

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

aspx代码

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

<asp:CheckBoxList ID="chkCompanies" RepeatDirection="Vertical" CellSpacing="5" CellPadding="5"                                          runat="server" CssClass="chkboxlist"></asp:CheckBoxList>

aspx.cs代码

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

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

Answer 1

“据我所知，它将 td cssclass 设置为复选框列表，将元素保存在 td 中” - 这是不正确的。

当您指定 .chkboxlist td 时作为 CSS 选择器，您的目标不是 asp:CheckBoxList元素，因为它不是 <td>元素。

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

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

如果你想改变each CheckBox边框，您可以在代码隐藏中设置它，在 OnDataBound事件:

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