JQuery UI 탭 배경색

Question

탭 영역의 배경을 변경하려고합니다. 탭 목록이 있습니다. 각 탭의 색상을 변경하는 방법을 알고 있지만, 모든 배경의 색을 바꿀 수 있습니다. 일반적으로 어두운 회색 색상이고 탭은 밝은 회색입니다. 그 색상을 밝은 파란색 또는 밝은 녹색으로 변경하고 싶었고 UI 탭과 관련하여 찾을 수있는 모든 것의 CSS를 변경하려고 시도했지만 그 중 아무 것도 작동하지 않았습니다.

Answer 1

.ui-tabs .ui-tabs-nav을 변경하고 싶습니다.

CSS는 :

.ui-tabs .ui-tabs-nav 
{ 
background: lightblue; 
} 

.ui-tabs .ui-tabs-panel /* just in case you want to change the panel */ 
{ 
background: blue; 
} 

Answer 2

또한 사업부의 배경을 설정하여이 작업을 수행 할 수 있습니다. 아래 예 ->

<div id="tabs" style="background: none repeat scroll 0% 0% rgb(204, 204, 204);"> 
<ul> 
     <li><a href="#tabs-1">Product-Tweets</a></li> 
     <li><a href="#tabs-2">Popular Product</a></li> 
</ul> 
<div id="tabs-1"> tab 1 content </div> 
<div id="tab-2"> tab 2 content </div> 
</div>