jQuery 用户界面 : How to customize buttonset corners?

Question

如下图，如何自定义jQuery UI单选按钮集的 Angular ？除了在按钮的右侧有圆 Angular ，我如何自定义它并使其在底部有圆 Angular ？

感谢您的帮助!

Answer 1

在 jQuery UI 脚本之后使用以下 jQuery

下面的例子

<div id="radio">
    <input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
    <input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
    <input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
  </div>

使用这个脚本

 // select last radio label
    var radio = $( "#radio" ).find('label').last();

    //update border radius
    $(radio).css('border-radius','0px 0px 4px 4px');