How to edit checked background color on Form?

Site URL: https://www.mabonstudio.com/contact

Password: mabon

By default, checked items on contact forms appear as system blue, but I'd love to change that color to suit the brand. What is the easiest CSS code injection to achieve that?

This should help you, just pick the bit of CSS you need:

Thank you for the thread! Unfortunately, although it seems to be working when I change the size of the checkbox, it doesn't change the blue background color. Am I missing something?

I used this one:
 

Quote

/* Selected */
.option input[type="radio"]:checked {
  cursor:pointer;
  width:30px;
  height:30px;
  background-color:#AE8E7B;
  border-radius:50%;
}

You're using the option to target the radio option, you'll want to target check boxes, start with this:

On 10/13/2020 at 3:45 PM, Hudson_mod said:

/* check boxes */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.option input[type="checkbox"]:active {
  cursor:pointer;
  width:30px;
  height:30px;
  background-color:#0e1021;
  border-radius:50%;
}

I'm clearly a newbie here 😳
When I add this code, check boxes disappear entirely.