2012-08-03 85 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重要; }

正常工作,以改變背景顏色。