<label>
  <input type="checkbox" checked>
  A regular checkbox
</label>
<label>
  <input class="checkbox" type="checkbox" checked>
  A red checkbox
</label>
label {
  display: block;
}

.checkbox {
  accent-color: darkred;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.