如何更改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将强制使用此特定字体大小设置,并且只应在确保使用此字体大小时使用.首先测试没有).