JQuery UI Tabs Kolor tła

Question

Próbuję zmienić tło obszaru tabulacji .. jak, Masz listę zakładek i wiem, jak zmienić kolor każdej zakładki, ale zastanawiałem się, czy może zmienić kolor tła tego wszystkiego. Zwykle jest to ciemnoszary kolor, a zakładki są jasnoszare. Chciałem zmienić te kolory na jasnoniebieskie lub jasnozielone i próbowałem zmienić CSS wszystkiego, co mogłem znaleźć odnoszące się do zakładek UI, i żaden z nich nie działał.

Answer 1

Chcesz zmienić .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

Można to zrobić poprzez ustawienie tła div również. Poniżej znajduje się przykład ->

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