Jqueryui のボタンセットでスタイル設定した jquery ラジオボタンがあります。
<link type="text/css" href="jqueryUI1.8.16/css/smoothness/jquery-ui-1.8.16.custom.css"
rel="stylesheet"/>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="jqueryUI1.8.16/js/jquery-ui-1.8.16.custom.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#atable tr").buttonset();
});
</script>
</head>
<body>
<table id="atable" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="aspmnr">1</td>
<td class="aspm">Test text</td>
<td class="aradio">
<input id="asp11" name="asp1" type="radio" value=0>
<label for="asp11">0</label></td>
<td class="aradio">
<input id="asp12" name="asp1" type="radio" value=1>
<label for="asp12">1</label></td>
<td class="aradio">
<input id="asp13" name="asp1" type="radio" value=2>
<label for="asp13">2</label></td>
<td class="aradio">
<input id="asp14" name="asp1" type="radio" value=3>
<label for="asp14">3</label></td>
</tr>
</table>
次のようなボタンのいずれかの背景色を変更できるようにしたい:
$("#asp11").css("background-color","#aaaaa5");
また、css をラベルに適用しようとしましたが、背景色が一瞬でデフォルトに戻ります。jqueryui の元のスタイルシートをいじるのは避けたいと思います。
ボタンの背景色を変更する方法を知っている人はいますか?