2013-04-01 89 views
2

如何通過CSS更改ASP控件的禁用複選框標籤。檢查禁用,但標籤的顏色不會改變,即使我嘗試通過CSS,所以任何線索或提示與CSS?如何更改ASP.NET中禁用複選框的標籤顏色?

+0

您可以使用Jquery addclass屬性 –

+0

如何禁用您的複選框?通過屬性啓用= false或禁用=「是」?在以後的情況下,被禁用的控件不顯示顏色在IE –

+0

感謝Ramesh Rajendran和Manish Mishra,我的問題通過@AnhTú解答回答...感謝大家的幫助! – mknayab

回答

1

使用加號(+)來獲取相鄰元素(http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

input[type="checkbox"]:checked+label{ font-weight: bold; } 

input[type="checkbox"]:disabled+label 
{ 
    color:#ccc; 
} 
+0

我們無法在複選框中訪問禁用的屬性。他只想更改啓用複選框時的標籤顏色。因此,您的兩個解決方案都不起作用。 –

+0

非常棒這就是我想要的,謝謝@AnhTú – mknayab

0

試試這個方法在下文

<div> 
    <input type="checkbox" class="check-with-label" /> 
    <label class="label-for-check">My Label</label> 
<div> 


.check-with-label:Enabled + .label-for-check { 
    font-weight: bold; 
    color:red; 
} 

看到這個checked design

更多的討論

How to change color of checkbox label while toggling checked/unchecked state on click

Change label when checkbox is checked

+0

謝謝@Ramesh,問題是解決: 輸入[type =「checkbox」]:checked + label {font-weight:bold; } input [type =「checkbox」]:disabled + label { color:#ccc; } 加(+)符號以獲取相鄰元素(http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors) – mknayab

0

您可以使用這樣

ListItem li = new ListItem("Richard Byrd", "11"); 
li.Selected = false; 
li.Attributes.Add("Style", "color: red;"); 
CheckBoxList1.Items.Add(li); 

或者你可以使用這樣的標籤在td所以下面呈現的可能是一個解決方案

的style.css

.chkboxlist td 
{ 
    color:red; 
} 

Page.aspx

<asp:CheckBoxList ID="chkboxlist1" runat="server" CssClass="chkboxlist" /> 
+0

謝謝@Shekhar,問題是解決方法:input [type =「複選框「]:checked + label {font-weight:bold; } input [type =「checkbox」]:disabled + label {color:#ccc; }加(+)符號以獲取相鄰元素(w3.org/TR/CSS21/selector.html#adjacent-selector) – mknayab