0

AjaxタブパネルにAjax Rounded Corners Extenderを作成する方法はありますか? または、他の方法を使用して Ajax タブ パネルの角を丸くする別の方法はありますか?

ありがとう。ファーストケープ

4

2 に答える 2

2

最も簡単な解決策は、次の css クラス定義を追加することです (古いブラウザーでは機能しません)。

.ajax__tab_body{
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
}
于 2012-09-28T09:35:02.450 に答える
0 
.CustomTabStyle .ajax__tab_active .ajax__tab_outer, .CustomTabStyle .ajax__tab_header .ajax__tab_outer, .CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
    height: 24px;
    border: 1px solid #0445A6;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner, .CustomTabStyle .ajax__tab_header .ajax__tab_inner, .CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    height: 24px;
    border: 1px solid #0445A6;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

この CSS スタイルをスタイルシートに追加します。

また、デザイン ページの AJAX TabContainer に CssClass="CustomTabStyle" を追加します。

これは魅力のように機能します..

于 2015-04-23T08:09:43.203 に答える