隐藏checkboxlist中ListItem的复选框图标

Question

有没有办法隐藏ListItem的复选框图标，只显示值文本。

如下所示 - 项目的复选框已隐藏。

我可以弄清楚我可以禁用（灰显）或完全隐藏（不可见）列表项但不只是隐藏复选框图标（方形）

Answer 1

我最近将此作为项目的一部分，并通过在创建ListItem时设置属性然后使用CSS来设置它来完成它。

li.Attributes.Add("id", "removecheckbox");

由于该属性是作为标记的一部分添加的，因此您可以在CSS中使用以下描述符。

#removecheckbox
{
    color: Gray;
}
#removecheckbox input
{
    display: none;
}

当然，您可以按照自己喜欢的方式格式化CSS，但这应该可以帮助您入门。 如果您想在CSS中使用选择器了解更多信息，请查看this reference中的w3.org。

HTH！

Answer 2

CSS3将帮助您，定义内联样式，好点是为CheckBoxList做特殊的UserControl以使用以下解决方案

<style>
    input:disabled {
        display: none;
    }
</style>

并在CheckBoxList PreRender事件中禁用ListItem以应用CSS输入：禁用选择器

protected void CheckBoxListMajad_PreRender(object sender, EventArgs e)
{
    foreach (ListItem it in this.CheckBoxListMajad.Items)
    {
        if (it.Value.Equals("0"))
        {
            it.Enabled = false;
            it.Selected = false;
            it.Attributes.Add("style", "font-size:14px;height:16px;font-weight:bold;");
        }
    }
}

CheckBoxListMajad.RepeatColumn=3