CSS更改值

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>

问题是 - ＆gt; html代码由我的软件自动生成，所以我无法改变它。只能在CSS中执行或在jquery中添加内容

Answer 1

input:checked {
    color: green;
}

jquery：

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

多个CSS：

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