2

jQuery UIのタブウィジェットを使用しています。ここでAPIドキュメントに記載されているように、クラスを使用してcolorアクティブなタブをに変更したいyellowui-tabs-active

しかし、次のことをしているにもかかわらず：

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

その色は変わりません。これがjsbin.comのコードです

4

3 に答える 3

2

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

于 2013-08-26T19:56:37.117 に答える
1

試してみてください：

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

jsbin.com _

于 2013-08-26T19:56:18.200 に答える
1

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;}
于 2013-08-26T19:57:41.100 に答える