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

Question

基本上，我喜歡默認的主題小部件。 但是，我需要在DecoratedStackPanel小部件上更改字體大小。

我認為應該有這樣的事情：

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

你可能想檢查這個和這個樣式gwt小部件