Question

我正在尝试更改bootstrap-carousel的活动指示器的颜色。这是我目前的代码（没有主动指示器样式）

<ol class="carousel-indicators">
    <li class="active" data-target="#DemoCarousel" style="background-color:#cccccc; border-radius: 2px 2px 2px 2px; border-color: transparent; height: 3px; width: 15px;">&nbsp;</li>
    <li data-target="#DemoCarousel" style="background-color:#cccccc; border-radius: 2px 2px 2px 2px; border-color: transparent; height: 3px; width: 15px;">&nbsp;</li>
    <li data-target="#DemoCarousel" style="background-color:#cccccc; border-radius: 2px 2px 2px 2px; border-color: transparent; height: 3px; width: 15px;">&nbsp;</li>
</ol>

有什么方法可以将内联活动指示器设置为样式吗？

Answer 1

不，你不能，因为内联样式会覆盖另一种样式。如果你想要样式活动指示器，那么你可以做这样的事情。

 li.active {
     background-color:red !important; 
 }

您需要在此处使用!important。它会覆盖你的内联风格。

但是，如果您想使用内联样式设置活动指示器的样式。那么你可以寻找一个javascript解决方案。

内置样式的bootstrap-carousel活动指示器

1 个答案: