2013-04-01 88 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