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>

---

默认箭头是基于文本的图标。更改其

颜色

属性

比如说

.glyphicon.glyphicon-chevron-right{
   color:red;
}

---

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

.carousel-control {
  color: #bada55;
}

添加以下css

<style>
    .carousel-control.right{ opacity:1 !important;color:red;}
</style>

.carousel控件。右侧{不透明度：1！重要；颜色：红色；}

哦，好的，谢谢，但是当它们处于非活动状态时，我如何更改它们的颜色，因为非活动光标看起来有点褪色/透明。你说的非活动是什么意思？当我将鼠标悬停在上方或单击箭头时，它会变为实心#1E88E5，但如果我不这么做的话，它有点褪色了…更浅的阴影it@mheonyae然后只需将其设置为color

#1E88E5

？@mheonyae，这是因为它的父级（

.carousel control

）最初具有较低的不透明度（

.5

），并且仅在焦点上获得较高的不透明度。执行

.carousel控件。右{opacity:1！important；}

它会发光。我看到你用十六进制值做了什么