如何更改GWT的小部件CSS值？

Question

基本上，我喜欢默认主题小部件。但是，我需要更改 DecorativeStackPanel 小部件的字体大小。

我认为这应该是可能的：

decoratedStackPanel.getElement().getStyle().setProperty("fontSize", "12pt");

但是，“fontSize”不是属性的有效名称，我没有找到如何获取所有元素的属性。因此，我不知道正确的属性名称。

有什么想法吗？

请不要发布有关继承窗口小部件或编写自定义CSS的信息。我喜欢默认的但字体大小。这应该是可能的。

Answer 1

您可以使用DOM类设置样式属性..

DOM.setStyleAttribute(decoratedStackPanel.getElement(), "fontSize", "12pt");

Answer 2

fontSize是正确的，最好的使用方法如下：

decoratedStackPanel.getElement().getStyle().setFontSize(12, Unit.PT);

但我不确定这会导致你想要什么。它在整个面板上设置字体大小，如果在子元素上设置了另一个字体大小，那么将在该元素中使用该字体。在这种情况下，特定元素的css条目会更好。例如：

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
   font-size:12pt !important;
}

（！important将强制使用此特定字体大小设置，并且只有在您确保使用此字体大小时才应使用。首先测试没有。）

Answer 3

fontSize将被翻译为font-size

Answer 4

您可能需要检查this和this以确定样式gwt小部件