在ASP.NET AJAX控件工具包的TabContainer控件中重寫默認CSS

我在Web應用程序中使用ASP.NET AJAX TabContainer控件。我已經放在圖像的標頭的每個選項卡，而不是使用文本 - 但圖像將被截斷B/C爲TabContainer的默認CSS指出，頭部僅有13像素高：在ASP.NET AJAX控件工具包的TabContainer控件中重寫默認CSS

.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; 
    }

但它仍在使用默認的13像素，爲什麼呢？順便說

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

，如果不更改默認類的其他屬性，您：

這裏你可以看到默認的css文件：Default CSS File

來源

2012-05-04 davemackey

我發現克服這個問題的唯一方法是下載AJAX工具包源代碼並去掉廢話，以便控件實際可用。 – TheGeekYouNeed

很多亂搞後，我得到了它的工作，雖然我不能完全肯定我做了什麼......

我我不得不：

手動添加CssClass到ajaxToolkit：TabContainer，因爲即使通過它似乎沒有生成的屬性設置它。
我試着覆蓋類ajax__tab_xp，但沒有奏效，所以我創建了一個名爲ajax__custom的新類，它工作。所以，我到底CSS看起來像：
```
.ajax__custom .ajax__tab_header .ajax__tab_tab 
{ 
    height: 100px; 
} 
```

希望這可以幫助其他人。

來源

2012-05-07 16:00:27 davemackey

我正在修改類，我只需要__xp和25像素就好了 –

嘗試使用這樣的重要！不必重新輸入他們...

來源

2012-05-04 15:17:18 Amir

謝謝，雖然...不幸的是，這並沒有改變。 – davemackey

幾乎完美，25像素是我所需要的... thx –

Dave，

我做了同樣的事情。複製選項卡CSS並修改爲我的心中的內容。他們試圖禁用標籤。這使用默認的CSS工作正常。我認爲我的版本中必須缺少一些東西。但是檢查生成的源代碼，它看起來像TAB在頁面中生成一些js來啓用/禁用 - 如果我們被允許在這個項目上做到這一點，我將首先使用JQuery。

保存自己的一些悲傷和使用！重要的是覆蓋默認的CSS，如果你不想去javascript城市。

來源

2013-01-10 23:58:55

我將不得不修改一些網頁形式，升級爲引導，突然我注意到，一些網頁有

所以我看到生成的類別是

class="ajax__tab_xp"

因此，基於解答以上，我發現那25px是我需要的全部

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

這應該對其他人有希望。

來源

2013-12-30 21:00:43

在ASP.NET AJAX控件工具包的TabContainer控件中重寫默認CSS

回答

相關問題