Question

我正在使用jQuery UI标签。

如何在选中和正常状态下为标签按钮和文字指定颜色？

我试过这个。但是没有用。

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

Answer 1

像这样：

.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 2

试试这个：

.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;}

参考链接：

Customizing jquery UI tabs

Answer 3

我不确定我是否正确地阅读了您的问题，但是您无法制作一个＆＃34;标签＆＃34; div然后用css在单独的文档中设置样式，甚至用getElementById（tabs）修改它？

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

jQuery选项卡UI中的样式控件

3 个答案: