2

我有一个 jquery 单选按钮，我用 Jqueryui 的按钮集设置了样式：

<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 的原始样式表。

任何人都知道如何更改按钮的背景颜色？

4

2 回答 2

3

尝试这个。

$(".radio label").css("background-color","#aaaaa5");
$(".radio label").css("background-image","none");

或者

$(".radio label:first").css("background-color","yellow");
$(".radio label:first").css("background-image","none");

或者

$(".radio label").eq(1).css("background-color","re​​d");
$(".radio label").eq(1).css("background-image","none");
于 2012-04-22T17:10:26.333 回答
0

您必须删除标签上的背景图片，执行标签上的所有 css 代码，例如 0

$("#lblforasp11").css("background-color", "#aaaaa5");
$("#lblforasp11").css("background-image", "none");
于 2012-04-22T16:49:06.150 回答