UiBinder中的不同风格

Question

我有一个用UiBinder中的style属性定义的styledefinition。 例子：

<ui:style 
    type="example.client.SomeClass.Style"> 

     .div1b { 
      margin: 10px;    
     } 
    </ui:style> 
<g:HTMLPanel 
    <g:Widget styleName="{style.div1b}" ui:field="widget"> 
    </g:Widget> 
</g:HTMLPanel> 

这种风格的作品在谷歌chrome罚款，但在Firefox（后来IE）我想用不同的风格。所以我想为Firefox定义另一种风格。

现在据我所知，Google建议为firefox风格创建一个全新的类，并在* gwt.xml中使用replace参数。喜欢的东西：

<replace-with class="example.client.SomeClassFireFox"> 
    <when-type-is class="example.client.SomeClass" /> 
    <any> 
     <when-property-is name="user.agent" value="gecko1_8" />  </any> 
</replace-with> 

这是正确的做法，或有更简单的一个，在这里我只定义里面UiBinder的新的风格？

问候， 斯特凡

Answer 1

它实际上比这更容易：您可以在ui:style使用@if ... @else块的基础上，user.agent属性：

/* Use padding in Firefox and margin in other browsers. */ 
@if user.agent gecko1_8 { 
    .div1b { 
     padding: 10px; 
    } 
} 
@ else { 
    .div1b { 
     margin: 10px; 
    } 
} 

见http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Conditional_CSS