CSS change value

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>

问题是 -> html 代码是由我的软件自动生成的，所以我无法更改它。只能在 css 中执行 sth 或在 jquery 中添加一些内容

Answer 1

input:checked {
    color: green;
}

jquery：

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

多个 CSS：

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