更改GWT选项卡项的CSS

更新：我让第一部分工作，但角落没有。见下文第2部分

如何将样式应用于选项卡栏（在GWT中），以便一次只显示一个选项卡栏？我有几个不同的选项卡面板，需要有不同的样式，但我不知道如何正确地将样式应用到工具栏，然后如何将该样式添加到CSS中

当我做以下事情时：

tabBar.addstyle("thisisastyle");

它为整个栏添加了样式，我想将其应用于一组项目，特别是更改单个选项卡的背景色。我使用的是一个装饰的背景面板，我有自己的一套圆角图像，我想使用。另外，一旦样式被正确应用，我如何在CSS中调用它？我目前的尝试是这样的：

.topTabs .gwt-DecoratedTabBar .tabMiddleCenter {

第二部分

将样式名称设置到选项卡栏并按如下方式寻址后，可以轻松应用所有其他CSS样式：

.customizedStyleName .tabTopCenter {
    background-image: url('images/centerTopImage.gif');
}

但这似乎不适用于这两个角落，基本GWT覆盖了我的CSS。右角的CSS如下所示：

html > body .gwt-DecoratedTabBar .tabTopRight {

---

在Firebug（yah Firefox）中检查时。有人能告诉我如何覆盖这个吗？

在加载标准GWT CSS或其他支持CSS的库之后，您应该加载自己的CSS样式

然后，您可以自由地重新定义任何“基本”CSS。。。最后的CSS获胜。在Firebug中，您将看到覆盖的CSS样式带有“穿透”字体

我这样做是为了覆盖标准GWT、GWT Ext和Ext GWT CSS

如果你试图重载一个“内置”的CSS类，但是你没有样式细节，那么使用Firebug来检查它。。。在Javadoc中再次查看之后

---

“GWT孵化器”有类似ImageBundle的新CSS机器的信息。。。资源包。以及动态定义样式规则的新方法。

您可以更改样式的主要名称，并为整个样式编写自己的样式

---

我认为你的问题在mozilla中无法重现。。它应该只能在IE中复制。因此，您可以从standard.css文件中复制整个样式，并用say customizedStyleName替换基本gwt decoratedTabar。然后在ur.java文件中，将样式主名称设置为customizedStyleName。然后通过删除不需要的图像等方式编辑不同的样式。希望这能有所帮助。如果你想要更多的信息，请告诉我。我将发布所需的源代码和css文件。

一般的问题是standard.css作为最后一个样式表动态链接到您的页面。这样，您的一些设置（即使是非常基本的设置，例如body）可能会被standard.css部分推翻。从.gwt.xml文件中取消对它的注释并没有帮助，因为您丢失了一堆想要的样式以及用于渲染装饰面板等的标准图形

我在博客中描述了我的处理方式：

---

如果您对如何更轻松地处理这个问题有任何其他建议，如果您能留下评论，我将不胜感激

好的，我在FireFox中使用了它（必须同时设置topRight和topInnerRight CSS标记，而不是仅仅设置一个），但它在IE中仍然不起作用。我尝试过简单地完全关闭背景，在IE中也不起作用，即使使用默认设置。