Bootstrap旋转木马式分页点

Question

我有一个Bootstrap 3旋转木马，有3个图像的白色背景。我的分页点现在丢失了，因为它们有一个透明中心的白色边框（在我的情况下，也是白色的）。我如何使用CSS将这些颜色设置为较暗的颜色？提前致谢！

这里是我的转盘内（漂亮的标准）：

<div class="carousel-inner"> 
    <div class="item active"> 
     <img src="images/img1.png" alt="img1"> 
     <div class="carousel-caption"> 
     <h3>...</h3> 
     </div> 
    </div> 

    <div class="item"> 
     <img src="images/img2.png" alt="img2"> 
     <div class="carousel-caption"> 
     <h3>...</h3> 
     </div> 
    </div> 

    <div class="item"> 
     <img src="images/img3.png" alt="img3"> 
     <br> 
     <div class="carousel-caption"> 
     <h3>...</h3> 
     </div> 
    </div> 
    </div> 

Answer 1

看着你提供的，我看不到指标的标记。确保您的幻灯片中有以下标记。

<ol class="carousel-indicators"> 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
</ol> 

要更改指示器颜色，您需要在两个不同的地方更改它。第一个是将改变他们所有人的一般指示颜色。第二个是活动幻灯片指示器的颜色。

.carousel-indicators li { 
    background: #ccc; 
} 

.carousel-indicators .active { 
    background: #666; 
}