asp.net – 对齐和填充为asp：CheckBoxList

发布时间：2020-12-15 20:41:38 所属栏目：asp.Net 来源：网络整理

导读：我有一个asp.net复选框,如下所示： asp:CheckBoxList ID="CheckBoxList_Genres" runat="server" RepeatColumns="3" asp:ListItem Selected="True"Action/asp:ListItem asp:ListItem Selected="True"Comedy/asp:ListItem asp:ListItem Selected="True"Classic

我有一个asp.net复选框,如下所示：

<asp:CheckBoxList ID="CheckBoxList_Genres" runat="server" RepeatColumns="3">
        <asp:ListItem Selected="True">Action</asp:ListItem>
        <asp:ListItem Selected="True">Comedy</asp:ListItem>
        <asp:ListItem Selected="True">Classics</asp:ListItem>
        <asp:ListItem Selected="True">Documentary</asp:ListItem>

[…]

我有两个问题：文本不与每个复选框对齐,在某些浏览器(特别是Safari)中,复选框和文本之间没有填充(文本沿复选框移动).我知道这里发布的答案：
How to align checkboxes and their labels consistently cross-browsers

但是,我无法解决如何在asp：checkboxlist上下文中实现这些样式.我知道可以为复选框设置一个CSS样式,但不要以为这允许我为“标签”和“复选框”设置单独的样式.帮助将不胜感激

解决方法

您应该能够将相同的方法应用于CheckBoxList控件的CssClass属性,就像常规复选框一样.

这是一些CSS代码,我用来缩进ASP.NET复选框列表旁边的长文本：

.chkChoice input 
{ 
    margin-left: -20px; 
}
.chkChoice td 
{ 
    padding-left: 20px; 
}

ASP.net：

<asp:CheckBoxList id="ChkWork" runat="server" TabIndex="2" CssClass="chkChoice">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!