title: Bootstrap carousel - style pagination dots
body: <p>I have a Bootstrap 3 carousel that has 3 images with white background. My pagination dots are lost now, given that they have a white border with a transparent center (in my case, white as well). How can I use CSS to style these to a darker color? Thanks in advance!</p>
  
  <p>Here's my carousel inner (pretty standard):</p>
  
  <pre><code>   &lt;div class="carousel-inner"&gt;
       &lt;div class="item active"&gt;
         &lt;img src="images/img1.png" alt="img1"&gt;
         &lt;div class="carousel-caption"&gt;
           &lt;h3&gt;...&lt;/h3&gt;
         &lt;/div&gt;
       &lt;/div&gt;
  
       &lt;div class="item"&gt;
         &lt;img src="images/img2.png" alt="img2"&gt;
         &lt;div class="carousel-caption"&gt;
           &lt;h3&gt;...&lt;/h3&gt;
         &lt;/div&gt;
       &lt;/div&gt;
  
       &lt;div class="item"&gt;
         &lt;img src="images/img3.png" alt="img3"&gt;
         &lt;br&gt;
         &lt;div class="carousel-caption"&gt;
           &lt;h3&gt;...&lt;/h3&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>