<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.