Jquery css радиус границы определенный радиус углов?

#jquery #css

#jquery #css

Вопрос:

Здравствуйте, я пытаюсь изменить радиус границы определенных углов некоторых 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});
    }
}
  

Комментарии:

1. Вы уверены, что вам не нужно упоминать единицы измерения, вместо этого я говорю 10 пикселей.

Ответ №1:

попробуйте

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

Ответ №2:

Вы могли бы использовать:

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

что такое:

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

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

Ответ №3:

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

Ответ №4:

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

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