JQuery的css邊框半徑特定的角半徑？

Question

您好，我正在嘗試改變一些uls的特定角落的邊界半徑與jquery排序方法。

這是我的代碼到目前爲止，它不工作，有什麼想法？

sort: function() { 
    var borderSet = $('#fluidWrap ul:last-child').attr('id'); 
    if (borderSet == 'sideWrap') { 

     $('#sideWrap ul').css({BorderTopRightRadius: 10, BorderBottomRightRadius: 10}); 
    } 
    else { 
     $('#sideWrap ul').css({BorderTopLeftRadius: 10, BorderBottomLeftRadius: 10}); 
    } 
} 

Answer 1

你可以使用：

border-radius: 0px 10px 0px 0px; 

是：

border-radius: [top-left],[top-right],[bottom-right],[bottom-left]; 

這個工具對於CSS3非常好：css3generator.com

Answer 2

嘗試

.css({'border-top-right-radius': 10}) 

Answer 3

可能更有幫助使用jQuery corner plugin，因爲它也將佔據邊框半徑定義瀏覽器的差異嘗試。

Answer 4

這應該工作

css({BorderTopRightRadius: '10px', BorderBottomRightRadius: '10px'})