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 代码的头部。请提出建议。

Answer 1

"As per my knowledge it will work on setting up td cssclass as checkboxlist save items in 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>

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

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

cssclass 不适用于复选框列表

cssclass not working for checkboxlist

css

c#

asp.net

checkboxlist