<input type="radio" name="radio_choose" id="r1" accesskey="o" /><label for="r1">First Selection</label> <input type="radio" name="radio_choose" id="r2" accesskey="t" /><label for="r2">Second Selection</label> <input type="radio" name="radio_choose" id="r3" accesskey="h" /><label for="r3">Third Selection</label>
input[type="radio"] { opacity: 0; width: 3em; margin-right: -3.3em; } input[type="radio"]+label { border: 2px solid transparent; padding: 1px 3px; background-color: transparent; } input[type="radio"]+label:hover { color: #f00; } input[type="radio"]:focus+label { border: 2px solid #66f; padding: 1px 3px; background-color: #ffe; } input[type="radio"]:checked+label { border: 2px solid #f66; padding: 1px 3px; background-color: #eff; }