4

我在 Web 应用程序中使用 ASP.NET AJAX TabContainer 控件。我已将图像放置在每个选项卡的标题中，而不是使用文本 - 但图像被截断 b/c TabContainer 的默认 CSS 声明标题只有 13px 高：

.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

我不得不修改一些网络表单，升级到引导程序，突然我注意到有些页面有

所以我看到生成的类是

class="ajax__tab_xp"

因此，根据上面的答案，我发现我只需要 25px

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

希望这对其他人有用。

于 2013-12-30T21:00:43.413 回答
0

戴夫，

我做了同样的事情。复制 Tab CSS 并修改为我心中的内容。他们我试图禁用标签。使用默认 CSS 可以正常工作。我认为我的版本中一定缺少某些东西。但是检查生成的源代码，TAB 似乎在页面中生成了一些 js 来启用/禁用 - 如果我们被允许在这个项目中这样做，我会首先使用 JQuery。

如果您不想去 javascript 城市，请不要担心并使用 !Important 覆盖默认 css。

于 2013-01-10T23:58:55.057 回答