Question

我有一个jquery radiobutton，我用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的原始样式表。

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

Answer 1

试试这个。

$(".aradio label").css("background-color","#aaaaa5");

$(".aradio label").css("background-image","none");

OR

$(".aradio label:first").css("background-color","yellow");

$(".aradio label:first").css("background-image","none");

OR

$(".aradio label").eq(1).css("background-color","red");

$(".aradio label").eq(1).css("background-image","none");

Answer 2

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

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

更改jquery ui buttonset中单选按钮的颜色

2 个答案: