将 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

使用兄弟运算符 + 到 select 跨度 input[type='checkbox']:disabled + span.checkmark2

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

Apply CSS to input type disable Checkbox

html

css

angular2-forms

HTML 生成代码