c# - CheckBoxList 项之间的线

Question

我正在寻找 CheckBoxList 的 CSS 代码以在元素之间添加线条。有人可以帮助我如何在 CheckBoxList 的元素之间添加分界线吗？

下面是我正在查看的格式的示例图像。

下面是我为 CheckBoxList 编写的 aspx 代码:

<td colspan="5" id="Field_Referral_Codes">
  <asp:Panel ID="Panel1" runat="server"  BorderWidth="1" Width="330px" Height="150px" ScrollBars="Vertical">
  <asp:CheckBoxList ID="chklistReferralCodes" runat="server">
  </asp:CheckBoxList>
 </asp:Panel>
  </td>

提前致谢。

Answer 1

为了在行之间添加行，您可以在代码后面为 CheckBoxList 项指定一个 CssClass，如下所示:

ListItem me = new ListItem("majid");
me.Attributes["class"] = "checks";
chklistReferralCodes.Items.Add(me);

然后在 CSS 中:

.checks 
{
border-bottom: 1px solid #BDBDBD;
}