Contact form 7 checkbox checked поменять цвет css

Всего несколько строк кода помогут Вам поменять стили чекбокса контакт форм 7

input[type="checkbox"]{
display: none;
}

input[type="checkbox"] + span:before, input[type="checkbox"] + label:before {
content: "";
display: inline-block;
vertical-align: middle; 
margin-right: 0.5em;
width: 18px; 
height: 18px;
background-size: cover; 
margin-bottom: 2px;
}
input[type="checkbox"] + span:before,
input[type="checkbox"] + label:before {
background-image: url("/img/checkoff.svg")
}
input[type="checkbox"]:checked + span:before,
input[type="checkbox"]:checked + label:before {
background-image: url("/img/checkon.svg")
}