How to change bootstrap switch color without changing the label color

Viewed 41

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>

0 Answers
Related