在複選框列表中隱藏複選框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查看this reference。

HTH！

Answer 2

CSS3會幫助你，定義內嵌式的，好的一點是，使特殊用戶控件進行的CheckBoxList使用下面的解決方案

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

和CheckBoxList的PreRender事件禁用列表項申請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