Question

我正在使用GWT。我看到gwt“干净”的主题（默认的主题？）使我们的body元素有10px的余量：

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

在我自己的css文件中，我将边距设置为0px，但似乎GWT一直在赢（也许是因为它最后加载了？）。

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

由于

Answer 1

有几种可能性：

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

Answer 2

另一种选择是使用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);
    }   
}

Answer 3

在CSS中：

body { background-color：＃FFFFD2！important; }

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

覆盖GWT主题体边缘css属性？

3 个答案:

覆盖GWT主​​题体边缘css属性？

3 个答案:

覆盖GWT主题体边缘css属性？