Скрыть значок флажка для ListItem в списке флажков

Question

Есть ли способ скрыть значок флажка для ListItem и просто отобразить текст значения.

Like Below - флажок для предметов скрыт.

Я могу понять, что могу отключить (выделение серым цветом) или полностью скрыть (невидимый) элемент списка, но не просто скрыть значок флажка (квадрат)

Answer 1

Недавно я сделал это как часть проекта и выполнил его, задав атрибут при создании ListItem, а затем используя CSS для его стилизации.

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

Поскольку атрибут добавляется как часть тегаВы можете использовать следующий дескриптор в своем CSS.

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

Конечно, вы можете отформатировать CSS любым удобным вам способом, но это должно помочь вам начать.Если вам нужна дополнительная информация об использовании селекторов в CSS, посмотрите эту ссылку из w3.org .

HTH!

Answer 2

CSS3 поможет вам, определит стиль Inline, хорошо сделать специальный UserControl для CheckBoxList для использования следующего решения

<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