Как переписать стиль по умолчанию стороннего реагирующего компонента?

Question

В проекте, над которым я работаю, используется компонент act-responseive-carousel , но, хотя есть атрибут для изменения значка стрелки, нет ни одного, который бы увеличивал ширину самой кнопки.

Есть ли способ перезаписать заполнение компонента с помощью пользовательского css?

Answer 1

.carousel.carousel-slider .control-arrow {
  padding: 50px;
}

Answer 2

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

В вашем файле root css:

.my-custom-class .carousel.carousel-slider .control-arrow {
  *styles*
}