jQuery选项卡UI中的样式控件

Question

我使用jQuery UI选项卡。

我如何指定一个颜色的选项卡按钮和文本，当它被选中并处于正常状态?

我试过了。

.ui-tabs .ui-tabs-selected {
    background: #ff0000;
}

Answer 1

试试这个:

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: yellow;
}

或

改变UI CSS文件的颜色

打开CSS文件搜索

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;}

改变

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px;  background-color:yellow;}

ref link:

自定义jquery UI选项卡

Answer 2

像这样:

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: rgb(33, 33, 33);
text-decoration: none;
background: #fc0;
color: #693;
}

在这个例子中，我使用了黄色的bg和绿色的文本，这样你可以很容易地看到它。显然你可以改变更多的东西，这取决于你

Answer 3

我不确定我是否正确阅读你的问题，但你不能做一个"标签"div，然后在一个单独的文档用css样式，甚至用getElementById(标签)修改它?

<div id="tabs">
  <ul>
    <li><a href="#fragment-1">One</a></li>
    <li><a href="#fragment-2">Two</a></li>
    <li><a href="#fragment-3">Three</a></li>
  </ul>
<div id="fragment-1">
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh     euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-2">
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>