覆盖GWT主题正文边距css属性?

覆盖GWT主题正文边距css属性?,gwt,Gwt,我正在使用GWT。我看到gwt“clean”主题(默认主题?)使我们的body元素有10px的余量: body { color: black; margin: 10px; <------ border: 0px; padding: 0px; background: #fff; direction: ltr; } 正文{ 颜色:黑色; 保证金:10px;有几种可能性: 您可以使用margin:0px!important(这是“暴力”方法) 或者你可以给你的身体一

我正在使用GWT。我看到gwt“clean”主题(默认主题?)使我们的body元素有10px的余量:

body {
  color: black;
  margin: 10px;  <------
  border: 0px;
  padding: 0px;
  background: #fff;
  direction: ltr;
}
正文{
颜色:黑色;

保证金:10px;有几种可能性:

  • 您可以使用
    margin:0px!important
    (这是“暴力”方法)
  • 或者你可以给你的身体一个类,比如
    ,然后在你的CSS中,使用
    body.myApp{…}
    。这将优先,因为
    body.myApp
    是一个比
    body
    更具体的选择器
  • 或者,您根本不能使用任何主题(如果您想创建一个新的布局,而不必担心必须覆盖哪些属性,这通常是一个好主意)

另一个选项是使用clientbundle加载css文件。(假设playerdy.css是您的css文件)

注意:playway.css与资源界面位于同一个包中。


在onmoduleload中:

public class Playground implements EntryPoint {

    @Override
    public void onModuleLoad() {
        Resources.INSTANCE.getPlaygroundCSS().ensureInjected();

        Label lblHelloWorld = new Label("Hello World");
        RootPanel.get().add(lblHelloWorld);
    }   
}
在CSS中:

正文{ 背景色:#FFFFD2!重要;}


可以很好地更改背景色。

所有选项都在gwt 2.9.0上测试,不起作用此解决方案在gwt 2.9.0上起作用,谢谢
public class Playground implements EntryPoint {

    @Override
    public void onModuleLoad() {
        Resources.INSTANCE.getPlaygroundCSS().ensureInjected();

        Label lblHelloWorld = new Label("Hello World");
        RootPanel.get().add(lblHelloWorld);
    }   
}