【问题标题】:Apply CSS to input type disable Checkbox将 CSS 应用于输入类型禁用复选框
【发布时间】:2018-11-06 08:20:29
【问题描述】:

我正在研究 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;
}

【问题讨论】:

    标签: html css angular2-forms


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-12-12
      • 2022-01-08
      • 2018-01-09
      • 2015-06-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多