jQuery UI：如何自定義按鈕集角點？

像下面的圖片，我怎麼可以自定義jQuery用戶界面的無線buttonset的角落？相反，有一個按鈕，右邊一個圓角，我怎麼可以自定義，並在底部使其具有圓角？jQuery UI：如何自定義按鈕集角點？

jQuery UI buttonset

感謝您的幫助！

2013-12-10 PaulLing

編輯jQuery的ui.css文件.. – HackerGK

使用您的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');

來源

2013-12-10 09:35:30

[的jsfiddle]（http://jsfiddle.net/zainabed/Y29Zy/）例如 –

在jQuery UI的CSS，改變你的按鈕，它具有：

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

到

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

來源

2013-12-10 09:24:19 ProllyGeek

是的，這個作品！但它會改變buttonset的所有角落。所以如果我在我的頁面上有一個水平和垂直的按鈕集，它們將不能很好地顯示。不管怎麼說，還是要謝謝你！ – PaulLing

我沒有說你應該改變所有按鈕的類，我說改變你的按鈕（你想申請類），所以它只有corener-left和corner-right，無論如何高興你找到了解決方案。 – ProllyGeek

jQuery用戶界面框架解決方案：

找到第一個（也是最後一個控件）在在buttonset
取出類ui-corner-left（和ui-corner-right）
添加類ui-corner-top（和ui-corner-bottom）

Demo here

來源

2013-12-10 09:35:02

是的，它的作品！非常感謝！！ – PaulLing

jQuery UI：如何自定義按鈕集角點？

回答

相關問題