I posted this SO question to change the color of the bootstrap switch, but it changes the label color as well.
QUESTION - Is there a way to change the switch without the label being changed? I want my label to be #17a2b8 and if I add this as the color it gets mixed with the color of the filter
Here is my original code with answer
.hr327brgtns108 {
filter: hue-rotate(327deg) brightness(108%);
}
<div class="custom-control custom-switch ">
<input type="checkbox" class="custom-control-input" id="customSwitch0" (click)="changeState($event)">
<label class="custom-control-label text-yb hr327brgtns108" for="customSwitch0">Activate #17a2b8</label>
</div>