Настройка вкладок пользовательского интерфейса jquery

Question

Я использую виджет вкладки jQuery UI. Я хочу изменить color активной вкладки в yellow используя ui-tabs-active класс, как упомянуто здесь в документах API

Но, несмотря на следующие действия:

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

ДЕМО 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;}