<input type="checkbox" checked />

<div>
  <input type="range"  name="volume" min="0" max="11">
</div>

<div>
  <fieldset>
    <legend>Radio Buttons:</legend>

    <div>
      <input type="radio" id="huey" name="drone" value="huey" checked>
      <label for="huey">Huey</label>
    </div>

    <div>
      <input type="radio" id="dewey" name="drone" value="dewey">
      <label for="dewey">Dewey</label>
    </div>

    <div>
      <input type="radio" id="louie" name="drone" value="louie">
      <label for="louie">Louie</label>
    </div>
  </fieldset>

</div>
input {
  accent-color: orange;
  display: block;
  width: 30px;
  height: 30px;
}

input[type="radio"] {
  accent-color: green;
}

input[type="range"] {
  accent-color: #007bff;
  min-width: 200px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.