title: Change color of carousel left/right buttons
body: <p>I want to change the color of the left and right buttons on my carousel. I tryed with background color, but doesnt work. How do i change it?</p>
  
  <p>here is my carousel code:</p>
  
  <pre><code>&lt;div id="myCarousel" class="carousel slide"&gt;
                      &lt;div class="carousel-inner"&gt;
                          &lt;div class="item active"&gt;
                              &lt;div class="col-xs-4"&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url');?&gt;/images/html_brand.jpg" class="img-responsive"&gt;&lt;/a&gt;&lt;/div&gt;
                              &lt;div class="col-xs-4"&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url');?&gt;/images/css_brand.jpg" class="img-responsive"&gt;&lt;/a&gt;&lt;/div&gt;
                              &lt;div class="col-xs-4"&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url');?&gt;/images/js_brand.jpg" class="img-responsive"&gt;&lt;/a&gt;&lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                              &lt;div class="col-xs-4"&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url');?&gt;/images/jq_brand.jpg" class="img-responsive"&gt;&lt;/a&gt;&lt;/div&gt;
                              &lt;div class="col-xs-4"&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url');?&gt;/images/json_brand.jpg" class="img-responsive"&gt;&lt;/a&gt;&lt;/div&gt;
                              &lt;div class="col-xs-4"&gt;&lt;a href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url');?&gt;/images/wp_brand.jpg" class="img-responsive"&gt;&lt;/a&gt;&lt;/div&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
  
                      &lt;!-- Controls--&gt;
                      &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;
                          &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt;
                          &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;
                          &lt;span class="glyphicon glyphicon-chevron-right" aria-hidden="true"&gt;&lt;/span&gt;
                          &lt;span class="sr-only"&gt;Next&lt;/span&gt;
                      &lt;/a&gt;
  
                  &lt;/div&gt;
  </code></pre>