Change color of carousel left/right buttons
<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>