目前我正在使用以下插件:
这是我的布局:
<div class="checkbox">
<label>
<input type="checkbox" disabled="disabled" checked="checked">
<span class="checkbox-material" style="margin-right: 10px">
<span class="check"></span>
</span>I'm supposed to be checked and disabled
</label>
</div>
然后在我的CSS中:
.checkbox input[type=checkbox]:checked+.checkbox-material .check {
color: #2196f3; // when the input's disabled is set to false
}
.checkbox input[type=checkbox][disabled]:checked+.checkbox-material .check{
color:#9E9E9E!important;cursor:not-allowed!important; // When the input is disabled
}
问题在于,当我运行优化的代码时,(缩小)第二个选择器不会被考虑在内。虽然它存在于样式表
中有什么想法吗?