2012-08-03 84 views
2

我正在使用GWT。我看到GWT“干净”的主题(默认值吗?)使我们的身体元素有一个10px的边距:重写GWT主题body margin css属性?

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

在我自己的CSS文件,我设置margin为0px,但似乎GWT的保持获胜(也许是因为它最后被装载?)。

什么是正确的方式来覆盖他们的设置?

感谢

回答

4

有几种可能性:

  • 您可以使用margin: 0px !important(这是 “蛮力” 的方法)。
  • 或者你可以给你的身体一类像<body class="myApp">...</body>,然后在你的CSS,使用body.myApp { ... }。这将优先,因为body.myApp是比body更具体的选择器。
  • 或者(如果你想创建,而不必担心一个新的布局,属性,你就必须重写这往往是一个好主意)
0

另一种选择是加载你可以简单地不使用在所有的任何主题你的css文件通过使用clientbundle。 (假设playground.css是你的CSS文件)

public interface Resources extends ClientBundle { 
    public static Resources INSTANCE = GWT.create(Resources.class); 

    @Source("playground.css") 
    CssResource getPlaygroundCSS(); 
} 

注:playground.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); 
    } 
} 
0

在CSS:

体{ 背景颜色:#!FFFFD2重要; }

正常工作,以改变背景颜色。