CSS Änderungswert

Question

input[type=radio] { 
display: none; 
} 

td::before { 
    content: ""; 
    display: inline-block; 
    width: 17px; 
    height: 17px; 
    border-radius: 8.5px; 
    background-color: #005AA9; 
} 

HTML:

<TD class="SP" onClick="SP_click(this);"> 
    <INPUT type=radio name="interaction.q1.a.answer" HIDEFOCUS="true" value="1" onClick="SP_set(this);" /><br>1 
</TD> 

<TD class="SP" onClick="SP_click(this);"> 
    <INPUT type=radio name="interaction.q1.a.answer" HIDEFOCUS="true" value="2" onClick="SP_set(this);" /><br>2 
</TD> 

Das Problem ist -> HTML-Code wird automatisch durch meine Software erzeugt, so kann ich das nicht ändern. Kann nur etw in CSS tun oder etwas in jquery hinzufügen

Answer 1

input:checked { 
    color: green; 
} 

jquery:

$(#myInput:checked).css("color", "green"); 

mehrere CSS:

$(#myInput:checked).css({"color": "green", "background-color": "yellow"});