2015-06-30 256 views
1

我想为我的web应用使用clean.css样式,但当然我想重写一些用于定制目的的事情。问题是我的方法不起作用。我已经添加了这些:如何覆盖GWT默认样式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

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

+0

无需从回购中获得它 - 应该在'/ war//gwt/'文件夹中有一个副本。 –