1

jqueryuiタブを特定の方法でスタイル設定するために、私のチームメンバーはクラスui-state-defaultを次のように変更しました

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{ border: 3px solid transparent; 
  background: #F5AD4C 0px 0px repeat-x url(pix/redesign/orangebuttonstrip.jpg); 

  font-weight: bold; color: White;  }

問題は、同じクラスのボタン要素を作成するjqueryuiオートコンプリートコンボボックスを使用していることです。

したがって、背景画像が表示され、醜くて巨大に見えます。

要素ごとに異なるスタイルを設定するにはどうすればよいですか？jqueryuiによる別のスタイルがそれをオーバーライドするので、puttinbutton.ui-state-defaultを試しました。

4

1 に答える 1

1

タブの現在の CSS ルールを次のように変更します。

.ui-tabs .ui-tabs-nav .ui-state-default, 
.ui-tabs.ui-widget-content .ui-state-default, 
.ui-tabs .ui-widget-header .ui-state-default { border: 3px solid transparent; 
  background: #F5AD4C 0px 0px repeat-x url(pix/redesign/orangebuttonstrip.jpg);
  font-weight: bold; color: White;
}

注:.ui-tabs.ui-widget-contentはエラーではありません。意図的にそうしています。これは、これらのクラスが両方とも存在する場合、次の規則に従ってスタイルを設定することを意味します。

于 2011-09-13T10:38:20.180 に答える