캐 러셀 왼쪽/오른쪽 버튼의 색상 변경

Question

내 컨베이어의 왼쪽 및 오른쪽 버튼의 색상을 변경하고 싶습니다. 나는 배경색으로 tryed했지만 작동하지 않습니다. 어떻게 바꿀 수 있습니까?

<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> 

Answer 1

기본 화살표는 텍스트 기반의 아이콘입니다 glyphicons 있습니다

여기 내 회전 목마 코드입니다. 해당 color 속성을 변경하십시오. 이 셀렉터의 예를 들어

는

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

Answer 2

색상 변경 속성 :

이

.carousel-control { 
    color: #bada55; 
} 

Answer 3

이 추가 다음과 같은 CSS를

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