有没有关于如何修改Google GWT样式的好教程？

Question

我对GWT很感兴趣，但发现默认样式太难看了。我知道CSS，但不知道如何从技术上修改GWT样式。一个关于这方面的教程将会很棒。

Answer 1

Here是一个介绍的链接。基本上，您可以在GWT小部件上调用"setStyleName“，并为其提供您想要的任何样式。然后你可以像往常一样在CSS文件中处理精确的颜色或任何东西。

Answer 2

最近的GWT版本包括三个主题:标准、Chrome和Dark。如果这就是你所说的“默认样式”，那么你可以通过确保你的模块定义不包含任何这些来删除它：

<inherits name='com.google.gwt.user.theme.standard.Standard'/>
<inherits name='com.google.gwt.user.theme.chrome.Chrome'/>
<inherits name='com.google.gwt.user.theme.dark.Dark'/>

Answer 3

要更改GWT应用程序的样式，您可以：

• 在Isaac
• 提到的默认GWT样式之间选择将您的样式应用于Peter
• 提到的特定元素，或者覆盖GWT默认样式：

每个GWT小部件都有一个默认的关联样式名，它通常遵循以下命名约定：.gwt-<className>。

示例：

.gwt-Label{
  /* your css settings */
}

这样，您就可以在自定义css中使用此名称来设置应用程序中所有标签的样式。您可以在GWT's Javadoc中检查每个小部件的默认样式名称(CSS样式规则)。

这是谷歌的applying styles in GWT教程。