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