CODE EXAMPLE FOR CSS

checkbox background color change css

<div class="chek-box">
  <input type="checkbox" />
  <label class="wpforms-field-label-inline">Agree privacy</label>
</div>

<style>
.chek-box li.choice-1.depth-1 {
    position: relative;
}
.chek-box label.wpforms-field-label-inline:after {
    content: '';
    width: 18px;
    height: 18px;
    background: transparent;
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 2px;
    z-index: -1;
    opacity: 1;
    border: 1px solid red;
}
.chek-box input[type="checkbox"] {
    opacity: 0;
}
.chek-box input[type="checkbox"]:checked ~ label.wpforms-field-label-inline:after {
  background: red;
}
.chek-box input[type="checkbox"]:checked ~ label.wpforms-field-label-inline:before {
  opacity: 1;
}
label.wpforms-field-label-inline:before {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    z-index: 9999999;
    position: absolute;
    display: inline-block;
    left: 6px;
    top: 4px;
opacity: 0;
}
</style>


<!-- M.Sajjad Rogi -->
<!-- Web Designer & Developer -->
<!-- +92 302 2020 318 -->
<!-- msrogi6@gmailcom -->