gwt - GWT如何在运行时更改css

Question

我们在下一个应用程序中需要可访问性，我们需要为此定制主题。实现的第一个目标是能够增加和减少应用程序中的字体大小。为此，我们将有两个按钮，一个用于增加，另一个用于减小所有组件中文本的大小。您可以使用 Enterprise Blue 作为参考主题。您可以在以下 URL 中看到一个示例：http: //emag.governoeletronico.gov.br/emag/#。您可以点击“Aumentar Fonte”和“Diminuir Fonte”。

知道如何在 GWT/SmartGWT 中实现这一点

谢谢

Answer 1

static Label lblNewLabel = new Label("New label");
Button btnNewButton = new Button("New button");
private int fontSize=10;

btnNewButton.addClickHandler(new ClickHandler() {
  public void onClick(ClickEvent event) {
    fontSize += 5;
    lblNewLabel.getElement().getStyle().setFontSize(fontSize  , Unit.PX);
  }
});

Answer 2

简短的回答是RootPanel.getBodyElement()。

最方便的方法是在body element.

有多种方法可以做到这一点。

RootPanel.get("body").setStyleName("newbodyclass"); //Not recommended.

高效的方式

RootPanel.getBodyElement().setClassName("newbodyclass"); //Recommended

几个新方法：

Document.get().getBody().setClassName("newbodyclass");

最后最适合你的问题：

Document.get().getBody().getStyle().setFontSize(value, unit);