更改 primeng 输入开关的颜色

Question

我有以下 p-inputSwitch。

<p-inputSwitch class="ml-1 mr-1 align-middle"
               (onChange)="setDefaultValues($event)"
               [ngModel]="defaultValuesToggle">
</p-inputSwitch>
           

有没有办法在选择时将颜色从蓝色更改为蓝色？我尝试过以下操作，但颜色没有改变：

.p-inputswitch {
    background: red !important;
}
.p-inputswitch .p-inputswitch-slider {
  background: red !important;
}

Answer 1

p-inputswitch-checked您需要通过添加类来将“选定”状态添加到选择器.p-inputswitch，并::ng-deep在选择器前面添加以穿透视图封装：

::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: purple;
}