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的背景也做到這一點。下面是例子 - >

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