如何覆盖GWT默认样式clean.css?

时间:2015-06-30 21:26:22

标签: css gwt

我想为我的webapp使用 clean.css 样式,但当然我想覆盖一些用于自定义的东西。问题是我的方法不起作用。我添加了这些:

body {
    padding: 0px;
    margin: 0px;
}

mystyle.css ,并将其添加到我的 index.html 文件中。

问题是,如果我将!important设置为属性,则样式才会被覆盖:

body {
    padding: 0px !important;
    margin: 0px !important;
}

这是不可能的,你可以想象。我需要做些什么才能覆盖 clean.css 的默认样式?

这是 module.gwt.xml

<?xml version="1.0" encoding="UTF-8"?>
<module>
  <inherits name="com.google.gwt.user.User" />
  <inherits name="com.google.gwt.user.theme.clean.Clean" />

  <source path="" />

  <entry-point class="com.mahlzeit.web.App" />

  <!-- Only support recent browsers -->
  <set-property name="user.agent" value="ie10,gecko1_8,safari" />
</module>

1 个答案:

答案 0 :(得分:3)

您可以删除<inherits name="com.google.gwt.user.theme.clean.Clean" />部分并从the gwt repo获取clean.css。您可以将整个内容复制到mystyle.css并修改要覆盖的部分。