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; 
}