自定义 React bootstrap Carousel Indicator 活动类

我在我的 react js 代码中使用了 react bootstrap Carousel。我能够成功地自定义 react bootstrap Carousel 指标。通过使用下面的代码..

div.crausal ol li{
height: 0.3em;
width: 4em;

background-color: #E77728 !important;
}

但我无法更改指标的活动类的颜色。我试过这个

 div.crausal ol li.active{
      background-color: blue !important;
 }

但它不起作用。

这是我的旋转木马课程。

 <Carousel className={css_class.crausal}  touch={true} controls={false}>

      // Carousel items goes here //

 </Carousel>

我想更改活动类指示器的颜色。如果有人可以提供更好的轮播选项而不是反应引导程序来解决这个问题，那也可以

经过更长时间的研究，我找到了一种解决方法。你可以做的是在你的项目中添加普通的引导程序文件，将它导入到你的组件文件中，现在反应引导程序类被这个普通的引导程序导入覆盖。之后，您可以自定义项目中下载的普通引导程序文件（bootstrap.min.css）。但这只是一个修复。