css - 如何自定义 GWT 组件样式？

Question

我正在使用 GWT 2.5.1 开发多模块应用程序。我没有使用任何 GWT 主题。我想为一些 GWT 小部件自定义样式，例如 Button和 CheckBox .

我看到两个解决方案:

• 编写应用程序中加载的 CSS 文件(HTML 页面中的链接)。 CSS 将包含使用 GWT 定义的名称的 CSS 规则，例如用于按钮的 .gwt-Button 和用于复选框的 .gwt-CheckBox、.gwt-CheckBox-disabled。此解决方案未利用 GWT 编译器进行的 CSS 优化。
• 每次使用 Button 或 Checkbox 时，都使用 CssResource 并设置样式名称。此解决方案将利用 CSS 优化，但它需要在我每次创建新的 Widget 时设置样式名称。

还有其他解决办法吗？哪个是正确的？

Answer 1

您也可以将这些样式放在 CssResource 中。只需将 @external 放在您的 css 文件中的这些样式之上，您就可以开始了。

例如:

@external gwt-DatePicker; 
.gwt-DatePicker {
    ...
}

希望对您有所帮助。