JQuery UI Tabs Цвет фона

Question

Я пытаюсь изменить фон области вкладок .. например, у вас есть список вкладок, и я знаю, как изменить цвет каждой отдельной вкладки, но мне было интересно, если вы может изменить цвет фона всего этого. Обычно это темно-серый цвет, а вкладки светло-серые. Мне хотелось изменить эти цвета, возможно, светло-голубые или светло-зеленые, и я попытался изменить 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 также. ниже пример ->

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