JQuery CSS границы радиуса конкретных углов радиус?

Question

Здравствуйте. Я пытаюсь изменить радиус границы определенных углов некоторых uls с помощью сортировки jquery по методу sort.

Вот мой код, и он не работает, есть идеи?

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

попробуй

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

Answer 2

Вы можете использовать:

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

, что:

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

Этот инструмент очень хорош для css3: css3generator.com

Answer 3

это должно работать

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

Answer 4

Может быть более полезным попробовать использовать угловой плагин jQuery , так как он также учитывает различия браузеров в определениях радиуса границы.