Jquery css边界半径特定角半径?

时间:2011-10-05 15:12:40

标签: jquery css css3

您好我正在尝试使用方法排序的jquery sortable来更改某些uls的特定角的border-radius。

到目前为止,这是我的代码,它没有用,有什么想法吗?

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

4 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:5)

您可以使用:

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

是:

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

此工具非常适合css3:css3generator.com

答案 2 :(得分:0)

尝试使用jQuery corner plugin可能更有帮助,因为它还会考虑边框半径定义中的浏览器差异。

答案 3 :(得分:0)

这应该有效

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