使用CSS清理我的customLabel

Question

我正在自定義一個標籤，並將標籤的名稱放入網格的一個單元格中，並在下一個單元格中放置一個星號（圖像）。

<ui:image field="requiredImage" src="images/required_indicator.gif"/> 
<ui:style type="com.equillore.mcmexternal.client.ui.IndicatorLabel.Style"> 
    @sprite 
    .requiredAsterisk 
    { 
     gwt-image: 'requiredImage'; 
     width: 7px; 
     height: 14px; 
    } 
    .labRequired 
    { 
     color:#B22222; 
     font-size:14; 
     font-style:normal; 
     font-weight:bold; 
     font-family: serif; 
     letter-spacing: 0.07em; 
    } 
</ui:style> 
<g:Grid > 
    <g:row> 
     <g:customCell> 
      <g:Label ui:field="label" addStyleNames="{style.labRequired}"/> 
     </g:customCell> 
     <g:customCell> 
      <g:Label addStyleNames="{style.requiredAsterisk}"/> 
     </g:customCell> 
    </g:row> 
</g:Grid> 

當我運行這個星號圖像 然而顯示以及它之後的標籤（labRequired）的前面。所以它顯示兩次。

爲什麼會發生這種情況，如何擺脫「額外」astersik圖像？

親切的問候

Answer 1

<ui:image field="requiredImage" src="images/required_indicator.gif"/> 

這條線被實際插入在UiBinder的圖像。去掉它。

請將其作爲託管資源添加到客戶端軟件包中。

https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle#Image_Sprites