title: How to override GWT default style clean.css?
body: <p>I want to use the <strong>clean.css</strong> style for my webapp but of course I want to override a few things for the purpose of customization. The problem is that my approach is not working. I have added these:</p>
  
  <pre><code>body {
      padding: 0px;
      margin: 0px;
  }
  </code></pre>
  
  <p>to <strong>mystyle.css</strong> and included it into my <strong>index.html</strong> file.</p>
  
  <p>The problem is that the styles are only getting overriden if I set <code>!important</code> to the attributes:</p>
  
  <pre><code>body {
      padding: 0px !important;
      margin: 0px !important;
  }
  </code></pre>
  
  <p>This is not practical as you can imagine. What do I have to do to be able to override the default styles from <strong>clean.css</strong>?</p>
  
  <p>This is the <strong>module.gwt.xml</strong>:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;module&gt;
    &lt;inherits name="com.google.gwt.user.User" /&gt;
    &lt;inherits name="com.google.gwt.user.theme.clean.Clean" /&gt;
  
    &lt;source path="" /&gt;
  
    &lt;entry-point class="com.mahlzeit.web.App" /&gt;
  
    &lt;!-- Only support recent browsers --&gt;
    &lt;set-property name="user.agent" value="ie10,gecko1_8,safari" /&gt;
  &lt;/module&gt;
  </code></pre>