jQuery UI：如何自定义按钮集角点？

如下图所示，如何定制jQuery UI的radio按钮集的一角？我如何自定义按钮并使其底部具有圆角，而不是在按钮的右侧具有圆角

---

谢谢你的帮助

在jQuery UI CSS中，更改包含以下内容的按钮：

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

到

---

jQuery UI框架解决方案：

• 找到按钮集合中的第一个（和最后一个控件）
• 删除类

  ui左角

  （和

  ui右角

  ）
• 添加类

  ui角落顶部

  （和

  ui角落底部

  ）

---

在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>

---

编辑jquery-ui.css文件..是的，这很有效！但它会改变按钮集的所有角落。因此，如果我的页面上设置了水平和垂直按钮，它们将无法很好地显示。无论如何谢谢你！我没有说你应该改变所有按钮的类，我说的是改变你的按钮（你想应用这个类），这样它只剩下corener左，右，不管怎样，很高兴你找到了一个解决方案。

<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');