JSFiddle - React, Tailwind, and code Playground

alt.select

by CBroe

HTML

<span class="select" tabindex="0">
    <span><input type="radio" name="r1" id="c1" value="1" tabindex="0"><label for="c1">Ground (7-9 days)</label></span>
<span><input type="radio" name="r1" id="c2" value="1" tabindex="0" checked><label for="c2">Prioritized (3-5 days)</label></span>
<span><input type="radio" name="r1" id="c3" value="1" tabindex="0"><label for="c3">2-day</label></span>
<span><input type="radio" name="r1" id="c4" value="1" tabindex="0"><label for="c4">Next business day</label></span>
</span>

CSS

.select {
    display:table;
    border:1px solid red;
}
.select span {
    display:table-row;
}
.select span label {
    display:block;
    height:0;
    overflow:hidden;
}
.select input {
    display:none;
}
.select input:checked + label, .select:focus label {
    background:blue;
    height:auto;
}