JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr><td nowrap class='rowcel' valign="center">  <input type="radio" name="T2" value="1" id="T2_1"></td><td nowrap class='rowcel' valign="center"><label 

for='T2_1'>  A</label></td></tr>
    <tr><td nowrap class='rowcel' valign="center">  <input type="radio" name="T2" value="2" id="T2_2"></td><td nowrap class='rowcel' valign="center"><label 

for='T2_2'>  B</label></td></tr>
<tr><td nowrap class='rowcel' valign="center">  <input type="radio" name="T2" value="3" id="T2_3"></td><td nowrap class='rowcel' valign="center"><label 

for='T2_3'>  C</label></td></tr>
<tr><td nowrap class='rowcel' valign="center">  <input type="radio" name="T2" value="4" id="T2_4"></td><td nowrap class='rowcel' valign="center"><label 

for='T2_4'>  D</label></td></tr>
<tr><td nowrap class='rowcel' valign="center">  <input type="radio" name="T2" value="5" id="T2_5"></td><td nowrap class='rowcel' valign="center"><label 

    for='T2_5'>  E</label></td></tr></table>

CSS

input[type=radio] + label {color:#ccc;}
input[type=radio]:checked + label {border: 2px solid red!important;}