GWT：如何在gwt Web应用程序中为选项卡面板添加css样式

Question

我创建了GWTWebApplication，我添加了一个tabpanel并添加了htmltab penel。 现在我想更改tabpanel背景样式，但我不能，即使我尝试添加decarated面板，案例也相同。

如果我创建GWT Javaproject，那么它会添加一些预定义的CSS样式。但是在webapplication项目中注意到defult css样式

这是我的代码

TabPanel tabPanel = new TabPanel();
HTMLPanel hPanle1 =new HTMLPanel("");
HTMLPanel hPanle2 =new HTMLPanel("");
tabPanel.add(hpanel1,HPanel);
tabPanel.add(hpanel2,HPanel2);

我的要求是仅更改标签栏背景颜色，当我选择我的标签时应该被调整。 请尽快给我回复

Answer 1

听起来您正在寻找的是一种更改活动标签背景的方法。您可以使用GWT的内置类来完成此操作，该类会自动应用于活动的导航项。

将它放在你的CSS中：

.tabpanel-activeNavItem {
    background: red;
}

您还可以查看类TabPanelResources和TabPanelStyle以及css文件tabpanel.css以获取有关默认样式的详细信息。要了解有关GWT如何处理CSS的更多信息，请阅读他们的CSS Resource Documentation