3

我正在使用 GWT。我看到 gwt "clean" 主题(默认主题?)使我们的 body 元素有 10px 的边距:

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

在我自己的 css 文件中,我将边距设置为 0px,但似乎 GWT 一直在获胜(可能是因为它最后加载?)。

覆盖其设置的正确方法是什么?

谢谢

4

3 回答 3

4

有几种可能性:

  • 您可以使用margin: 0px !important(这是“蛮力”方法)。
  • 或者你可以给你的身体一个类,比如<body class="myApp">...</body>,然后在你的 CSS 中,使用body.myApp { ... }. 这将优先,因为body.myApp它是一个比 . 更具体的选择器body
  • 或者你可以根本不使用任何主题(如果你想创建一个新的布局而不担心你必须覆盖哪些属性,这通常是一个好主意)
于 2012-08-04T14:55:22.510 回答
1

另一种选择是使用 clientbundle 加载您的 css 文件。(假设 playground.css 是你的 css 文件)

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

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

注意:playground.css 与 Resources 接口位于同一个包中。


在 onmoduleload 中:

public class Playground implements EntryPoint {

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

        Label lblHelloWorld = new Label("Hello World");
        RootPanel.get().add(lblHelloWorld);
    }   
}
于 2012-08-05T08:51:07.153 回答
0

在 CSS 中:

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

可以很好地更改背景颜色。

于 2014-12-24T18:30:58.563 回答