change border color of an input checbox (CSS)

Asked Mar 31 '23 at 12:01

Active Mar 31 '23 at 12:05

Viewed 24 times

hi try to change my checkbox border with a specific color, but doesnt work

input[type="checkbox" name="checkbox-140"] {
  background-color: cyan;
  padding: 10px 15px;
  border-radius: 3px;
}

<div class="cf7b-row">
  <p><span class="cf7b-label-checkbox-140"></span>
  </p>
  <div class="cf7b-group-checkbox-140">
    <p><span class="wpcf7-form-control-wrap" data-name="checkbox-140"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-exclusive-checkbox"><span class="wpcf7-list-item first"><label><input type="checkbox" name="checkbox-140" value="Herr"><span class="wpcf7-list-item-label">Herr</span></label>
      </span><span class="wpcf7-list-item last"><label><input type="checkbox" name="checkbox-140" value="Frau"><span class="wpcf7-list-item-label">Frau</span></label>
      </span>
      </span>
      </span>
    </p>
  </div>
</div>

the css is a try for see if works but no, not work at all

edited Mar 31 '23 at 12:05

Temani Afif

245,468
26
309
415

asked Mar 31 '23 at 12:01

Lordp

you need to add `appearance: none` – Temani Afif Mar 31 '23 at 12:05
is the answer help https://stackoverflow.com/questions/66383850/checkbox-css-cannot-change-background-color-for-the-checkbox – Vasim Hayat Mar 31 '23 at 12:15

change border color of an input checbox (CSS)

0 Answers0