<fieldset>
  <legend>Checkbox</legend>
  <label>
    <input type="checkbox" checked />
    Default
  </label>
  <label>
    <input type="checkbox" class="accent" checked />
    Accent
  </label>
</fieldset>

<fieldset>
  <legend>Radio</legend>
  <label>
    <input type="radio" checked />
    Default
  </label>
  <label>
    <input type="radio" class="accent" checked />
    Accent
  </label>
</fieldset>

<fieldset>
  <legend>Progress</legend>
  <label>
    <progress min="0" max="100" value="75"></progress>
    Default
  </label>

  <label>
    <progress min="0" max="100" value="75" class="accent"></progress>
    Accent
  </label>
  </progress>
  </div>
</fieldset>

<fieldset>
  <legend>Range</legend>
  <label>
    <input type="range" />
    Default
  </label>
  <label>
    <input type="range" class="accent" />
    Accent
  </label>
</fieldset>
.accent {
  accent-color: green;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.