탭 변경으로 배경색을 변경하는 방법

3 개의 탭이 있으며 탭을 선택하면 배경색이 변경되기를 바랍니다. 내가이 존재하는 작업 코드에서이탭 변경으로 배경색을 변경하는 방법

enter image description here

같은 일이

<div class="row"> 
    <div class="col-lg-12"> 
     <ul id="myTab" class="nav nav-tabs nav-justified"> 
      <li class="active"><a href="#service-one" data-toggle="tab"><i class="fa fa-tree"></i> Service One</a> 
      </li> 
      <li class=""><a href="#service-two" data-toggle="tab"><i class="fa fa-car"></i> Service Two</a> 
      </li> 
      <li class=""><a href="#service-three" data-toggle="tab"><i class="fa fa-support"></i> Service Three</a> 
      </li> 
     </ul> 

     <div id="myTabContent" class="tab-content"> 
      <div class="tab-pane fade active in" id="service-one"> 
       <h4>Service One</h4> 
       <p>Lorem ipsum dolor sit</p> 
      </div> 
      <div class="tab-pane fade" id="service-two"> 
       <h4>Service Two</h4> 
       <p>Lorem ipsum dolor sit</p> 
      </div> 
      <div class="tab-pane fade" id="service-three"> 
       <h4>Service Three</h4> 
       <p>Lorem ipsum dolor sit</p> 
      </div> 
     </div> 

    </div> 
</div>

입니다하지만 난 선택한 탭의 내용에 대한 배경 색상 탭의 색상이 가야하지 않으 환호했다. 당신이 부트 스트랩 사용하고 있기 때문에 그럼 어떤 도움

출처

2015-01-22 Sam

아직 어떤 CSS 코드를 작성하지 않으셨습니까? –

@Rahul Desai 나는 stackoverflow 자체에 게시 된 몇 가지 질문에서 참조를 가져 왔지만 그들은 나를 위해 일하지 않았다. – Sam

당신이 바로 부 푸트를 사용하고있는 것처럼 보입니까? –

#myTab li.active a{background:blue;color:white;}

내가 널 잡으면 해봐.

감사합니다.

출처

2015-01-22 07:27:52

감사하겠습니다 내가 활성 클래스 active

이

#myTab .active{background: blue}

이 navbar

enter image description here

에서보세요 당신의 CSS이 추가 생각

출처

2015-01-22 07:18:59

탭 변경으로 배경색을 변경하는 방법

답변

관련 문제