jquery - JQueryUIタブの背景色

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>