CSS3复选框和无线电禁用状态

时间:2013-10-31 17:19:41

标签: html5 css3 twitter-bootstrap

我很难理解如何使用此复选框和无线电CSS3代码添加禁用类来引用图像。

有什么建议吗?我尝试添加

input[type="checkbox"] [type="disabled"] + label:before {
    background: url(".images/radio-check.png") -38px no-repeat scroll left top rgba(0, 0, 0, 0);
} 

但没有运气。

提前致谢。

演示在这里:http://jsfiddle.net/h6JFG/3/

1 个答案:

答案 0 :(得分:2)

这就是你需要的

<input id="c1" type="checkbox" disabled name="cc">

第一项被停用:http://jsfiddle.net/h6JFG/134/

修改

如果您想要定位禁用状态,可以这样做:

input[disabled]+label:before{
    background:#000 !important;
}

示例:http://jsfiddle.net/h6JFG/135/