4

WebアプリケーションでASP.NETAJAXTabContainerコントロールを使用しています。テキストを使用するのではなく、各タブのヘッダーに画像を配置しましたが、画像は切り捨てられます。TabContainerのデフォルトのCSSでは、ヘッダーの高さはわずか13ピクセルであると記載されています。

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
 {
    height:13px;
    padding:4px;
    margin:0px;
    background:url("tab.gif") repeat-x;
  }

使用しているCSSファイルがあり、TabContainerのデフォルトCSSに含まれているものをオーバーライドするために次の行を追加しました。

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
 {
    height:83px;
    padding:4px;
    margin:0px;
    background:url("tab.gif") repeat-x;
  }

しかし、それでもデフォルトの13pxを使用しているのはなぜですか？

ここでデフォルトのcssファイルを見ることができます：デフォルトのCSSファイル

4

4 に答える 4

5

次のように！importantを使用してみてください。

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
{
    height:83px !important;
}

ちなみに、デフォルトクラスの他のプロパティを変更しない場合は、それらを再入力する必要はありません...

于 2012-05-04T15:17:18.620 に答える
4

何度もいじった後、私はそれを機能させましたが、私が何をしたのか完全にはわかりません...

私は、私がしなければならなかったと思います：

  1. CssClassをajaxToolkit：TabContainerに手動で追加します。これは、プロパティを介して設定した場合でも、生成されていないようです。

  2. クラスajax__tab_xpをオーバーライドしようとしましたが、それが機能しなかったため、ajax__customという新しいクラスを作成して機能しました。したがって、最終的に私のCSSは次のようになりました。

    .ajax__custom .ajax__tab_header .ajax__tab_tab
{
    height: 100px;
}

これが他の誰かに役立つことを願っています。

于 2012-05-07T16:00:27.120 に答える
0

デイブ、

私も同じことをしました。タブCSSをコピーし、私の心のコンテンツに変更しました。それらは私がタブを無効にしようとしました。これは、デフォルトのCSSを使用して正常に機能していました。私のバージョンには何かが欠けているに違いないと思いました。しかし、生成されたソースを確認すると、TABは有効/無効にするためにページにいくつかのjsを生成しているようです-これがこのプロジェクトで許可されていれば、そもそもJQueryを使用していました。

javascript cityに行きたくない場合は、いくつかの悲しみを保存し、！Importantを使用してデフォルトのcssをオーバーライドしてください。

于 2013-01-10T23:58:55.057 に答える
0

一部のWebフォームを変更し、ブートストラップにアップグレードする必要がありますが、突然、一部のページに

したがって、生成されたクラスは

class="ajax__tab_xp"

したがって、上記の回答に基づいて、25pxが必要なすべてであることがわかりました

   .ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
    {
        height:25px !important;
    }

それはうまくいけば他の人のために働くはずです。

于 2013-12-30T21:00:43.413 に答える