Customize ion-checkbox default background-color

Question

ion-checkboxes are great, but I don't know how I could customize the background-color of the checkbox to be something other than the default white? I know how to customize the checkbox color that is shown when the checkbox is checked, but not the unchecked color.

Answer 1

I did it like this:

.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
  background: red !important; 
  border-color: red !important;
}