将CSS应用于输入类型禁用复选框

Question

我正在研究Angular 2反应形式。我需要在禁用输入类型时应用CSS，但我很难为复选框和无线电实现这一点。

HTML生成的代码

<input _ngcontent-c6="" type="checkbox" ng-reflect-name="01cb437e-0015-4c45-9828-fb2d1d" name="undefined" value="9b474b57-3072-4958-a265-0d74ds9abfd6" class="ng-untouched ng-pristine ng-valid">
<span _ngcontent-c6="" class="checkmark2"></span>

以下代码适用于输入标记

span.checkmark2{
background: greenyellow;
}

以下代码样式不起作用

input[type='checkbox']:disabled span.checkmark2{
 background: greenyellow;
}

Answer 1

使用同级操作符+选择范围 input[type='checkbox']:disabled + span.checkmark2