代码之家  ›  专栏  ›  技术社区  ›  K.Z

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

  •  0
  • K.Z  · 技术社区  · 7 年前

    我正在研究角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;
    }
    
    1 回复  |  直到 7 年前
        1
  •  2
  •   BeeBee8    7 年前

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

    推荐文章