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的背景来完成此操作。以下是示例 - ＆gt;

<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选项卡背景颜色

2 个答案: