JQuery用户界面选项卡的背景颜色(JQuery UI Tabs Background Color

我试图改变标签区域的背景..喜欢，你有选项卡的列表，我知道如何改变每一个人标签的颜色，但我想知道，如果你可以改变背景颜色所有的。 通常它的灰黑色调，而标签是浅灰色。 我想改变这些颜色来也许无论是淡蓝色的，或浅绿色的，我已经试过改变一切的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>

文章来源: JQuery UI Tabs Background Color