更改GWT小部件CSS类前缀

我有一个带有两个选项卡面板的GWT应用程序。 TabPanel生成前缀为gwt TabPanel的css类

---

有没有办法更改其中一个表的前缀？我希望能够独立设置两个选项卡面板的样式

您可以使用方法

setStyleName（）

和

addStyleName（）

来设置或向GWT UI对象添加css样式。

为了解决这个问题，我做了以下工作：

使用setStylePrimaryName（字符串）；这将更改选项卡面板和选项卡栏使用的CSS类名的前缀

tabPanel.getTabBar().setStylePrimaryName("myTabBar"); 
tabPanel.setStylePrimaryName("myTabPanel");

在CSS文件中添加如下内容：

.myTabBar {
}

.myTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.myTabBar .gwt-TabBarRest {
}
.myTabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #3A3A3A;
}
.myTabBar .gwt-TabBarItem-selected {
  cursor: default;
  /* background: black; */
} 
.myTabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: red;
}
.myTabPanel {
}
.myTapPanel .myTabPanelBottom {
  border-width: 0px;
  overflow: hidden;
  padding: 6px;
}

---

对于第二个选项卡面板，您可以在选项卡面板和选项卡栏上使用setStylePrimaryName（）设置不同的值。然后，使用第二个主名称向CSS文件添加一个新节。

使用这两种方法，您将添加或设置样式名，而不是主样式名。我需要这样做来塑造整件事。