Question

我希望在禁用时更改切换按钮的颜色。我使用以下方法实现了这个切换：在使用css之前。代码出现在https://jsfiddle.net/sachin8085/adm5t7rz/6/

<div>
Step 1> click on toggle button <br />

step 2> click on disable button <br />

result > Blue color of switch should change to gray when it get disabled.

</div>
<div>



<label class="toggleswitch" style="hidden: true" id="lblToggle">
  <input id="enableSN" name="enableSN" class="switch-input" type="checkbox" [(ngModel)]="appEnabled" (ngModelChange)="switchChange($event)">

  <div class="slider"></div>
</label>

<div>
  <button class="btn btn-primary" id="btnDisabled" text="disable" onclick="ondisabledclick()"> disable</button>
</div>
<div id="demo">
  Sample
</div>

</div>

CSS

/* The switch - the box around the slider */

.toggleswitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}


/* Hide default HTML checkbox */

.toggleswitch input {
  display: none;
}

无法找到一种方法来设置背景颜色属性：在元素之前它的父元素被禁用。

Answer 1

我不知道这是否是你要找的东西

git reset --hard <desired_commit>

示例：jsfiddle

而且，如果我是正确的，你不应该在标签内使用块元素（.disabled .slider:before{ background-color: red; } .disabled input:checked + .slider:before{ background-color: green; }），它的错误行为

https://stackoverflow.com/a/18609649/1121576

如何设置：禁用伪元素/类on：在伪元素之前

1 个答案: