自定义jquery UI选项卡

我正在使用jQuery UI的tab小部件。 我想通过使用API​​文档中提到的ui-tabs-active类将活动选项卡的color更改为yellow

但尽管做了以下事情：

  .ui-tabs-active { background-color:yellow; }  

它的颜色不会改变。 这是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; } 

演示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;}