2017-05-16 17 views
-3
input[type=radio] { 
display: none; 
} 

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

HTML:CSS変更値は

<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ので

+1

されるHTMLコードを? –

+0

htmlタグとそのすべての属性はすべて小文字で記述する必要があります。 – Christoph

+0

@ZiemekPiątkowskiあなたはフォーマットされたコードとして答えて投稿し、上記を削除できますか? ''私はインラインjを使わないことをお勧めします。テーブルは本当にテーブルかフォームですか?もしそれがフォームなら 'divs' – ThisGuyHasTwoThumbs

答えて

4
input:checked { 
    color: green; 
} 

jqueryの何かを追加することができます

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

複数のCSS:

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

良い答えですがjQueryでOPが言っていました。 – ThisGuyHasTwoThumbs

+1

oops。今編集中 –

+0

私はそれを指摘したいと思った;)笑 – ThisGuyHasTwoThumbs