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

Question

我对GWT很感兴趣，但发现默认样式很难看。我知道CSS，但对于如何在技术上修改GWT样式并不是很了解。关于这个的教程会很棒。

Answer 1

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

Answer 2

GWT的最新版本包括三个主题：标准，Chrome和黑暗。如果您的意思是“默认样式”，那么您可以通过确保模块定义不包含以下任何内容来删除它：

<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样式规则）中检查每个小部件的默认样式名称。

以下是Google的applying styles in GWT教程。