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

Question

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

我认为这样的事情应该是可能的:

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

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

有什么想法吗？

请不要发布关于继承小部件或编写自定义 CSS 的帖子。我喜欢默认的，但字体大小。这应该是可能的 afaik。

Answer 1

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

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

但我不确定这会产生您想要的结果。它在整个面板上设置字体大小，如果在子元素上设置了另一种字体大小，则该元素将使用该字体大小。在那种情况下，特定元素的 css 条目会更好。例如:

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

(!important 将强制使用这个特定的字体大小设置，并且只有在你想确保使用这个字体大小时才应该使用。第一次测试没有)。