asp:CheckBoxList的对齐和填充

Question

我有一个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)中,复选框和文本之间没有填充(文本与复选框相对应).我知道这里发布的答案: 如何一致地跨浏览器对齐复选框及其标签

但是,我无法弄清楚如何在asp:checkboxlist上下文中实现这些样式; 我知道可以为checkboxlist设置css样式,但不要认为这允许我为"label"和"checkbox"设置单独的样式.帮助将不胜感激.

Answer 1

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

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

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

ASP.net:

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