Question

我正在使用jQuery UI的tab小部件。我想在API文档中使用color类here将活动标签的yellow更改为ui-tabs-active

但是尽管做了以下事情：

<style type="text/css">
    .ui-tabs-active
    {
      background-color:yellow;
    }
</style>

它的颜色不会改变。以下是jsbin.com

的代码

Answer 1

您需要更直接地使用CSS。您还需要删除驻留在那里的默认图像

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
      background-image: none;
      background-color:green;
    }

DEMO http://jsbin.com/iXur/25/edit

Answer 2

尝试：

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

jsbin.com

Answer 3

更改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;}

自定义jquery UI选项卡

3 个答案: