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"><label for='T2_1'>A</label>
        </td>
        <td nowrap class='rowcel' valign="center">
            
        </td>
    </tr>
    <tr>
        <td nowrap class='rowcel' valign="center">
            <input type="radio" name="T2" value="2" id="T2_2"><label for='T2_2'>B</label>
        </td>
        <td nowrap class='rowcel' valign="center">
            
        </td>
    </tr>
    <tr>
        <td nowrap class='rowcel' valign="center">
            <input type="radio" name="T2" value="3" id="T2_3"><label for='T2_3'>C</label>
        </td>
        <td nowrap class='rowcel' valign="center">
            
        </td>
    </tr>
    <tr>
        <td nowrap class='rowcel' valign="center">
            <input type="radio" name="T2" value="4" id="T2_4"><label for='T2_4'>D</label>
        </td>
        <td nowrap class='rowcel' valign="center">
           
        </td>
    </tr>
    <tr>
        <td nowrap class='rowcel' valign="center">
            <input type="radio" name="T2" value="5" id="T2_5"><label for='T2_5'>E</label>
        </td>
        <td nowrap class='rowcel' valign="center">
            
        </td>
    </tr>
</table>

CSS

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