jquery - jqueryタブのカスタマイズ方法

Question

asp.net MVC アプリケーションで jquery タブを使用しています。以下でタブをカスタマイズする必要があります。

1. タブの背景色を変更する必要があります。これは以下の CSS で行います。

   .ui-tabs .ui-tabs-nav a
   {
       background-color: #EBF1DE;
   } 
   

2. タブが選択されると、背景色は赤になるはずですが、以下のコードは機能しません。色は常に「#EBF1DE」ですが、他の属性 (font weight:bolder が機能するなど)、

   .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state- active
   {
       font-weight: bolder;
   }
   

3. また、赤いハイライトされた背景の下を取り除く方法、