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

【问题标题】：CSS3 checkbox and radio disabled stateCSS3 复选框和无线电禁用状态
【发布时间】：2013-11-01 02:02:04
【问题描述】：

我很难理解如何使用此复选框和单选 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/

【问题讨论】：

见stackoverflow.com/questions/1206960/…

标签： html css twitter-bootstrap

【解决方案1】：

这是你需要的

<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/

【讨论】：

正如 ElGavilan 所展示的，这也可以通过 CSS 使用 'input[disabled]' 来定位
但如何添加实际图像？我在 css 上没有看到任何禁用的类
第一项是正常状态。禁用状态是不同的。我想为此添加另一个图标，与收音机相同...你知道我的意思吗？
您是在问如何以不同于正常状态的方式设置禁用状态的样式？
正确的乔丹。我想我没有正确解释自己。