Change Bootstrap 4 checkbox background color

Question

I\'m wondering how can I change Bootstraps 4 checkbox background color on this given example.

Answer 1

I'd like to add an answer here that's a bit simpler and more generic version of knetsi's answer, for those who may not be interested in making the color change contingent on the :checked pseudo-class.

I simply wanted to define a class my-error that I can add or remove to the checkbox to change its color, in this case to reflect an error condition. The color stays the same whether the box is checked or not.

Here's how it looks in code:

  
  Check this custom checkbox