<input type="radio" name="x" aria-label="One" checked>
<input type="radio" name="x" aria-label="Two">
<input type="radio" name="x" aria-label="Three">
input {
appearance: none;
padding: 5px;
background: #ddd;
}
input::before {
content: attr(aria-label);
}
input:checked {
background: #09e;
color: #fff;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.