css – 改变旋转木马左/右按钮的颜色

我想改变旋转木马上左右按钮的颜色.我尝试使用背景颜色,但不起作用.我该如何改变它？

这是我的轮播代码：

<div id="myCarousel" class="carousel slide">
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="col-xs-4"><a href="#"><img src="<?PHP bloginfo('template_url');?>/images/html_brand.jpg" class="img-responsive"></a></div>
                            <div class="col-xs-4"><a href="#"><img src="<?PHP bloginfo('template_url');?>/images/css_brand.jpg" class="img-responsive"></a></div>
                            <div class="col-xs-4"><a href="#"><img src="<?PHP bloginfo('template_url');?>/images/js_brand.jpg" class="img-responsive"></a></div>
                        </div>
                        <div class="item">
                            <div class="col-xs-4"><a href="#"><img src="<?PHP bloginfo('template_url');?>/images/jq_brand.jpg" class="img-responsive"></a></div>
                            <div class="col-xs-4"><a href="#"><img src="<?PHP bloginfo('template_url');?>/images/json_brand.jpg" class="img-responsive"></a></div>
                            <div class="col-xs-4"><a href="#"><img src="<?PHP bloginfo('template_url');?>/images/wp_brand.jpg" class="img-responsive"></a></div>
                        </div>

                    </div>

                    <!-- Controls-->
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">PrevIoUs</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>

                </div>

解决方法

更改此选择器的颜色属性：

.carousel-control {
  color: #bada55;
}