gwt装饰的选项卡面板未正确显示选项卡

我已经在GWT中创建了一个装饰的选项卡面板

 <g:HorizontalPanel ui:field="hpnlTab">
            <g:DecoratedTabPanel animationEnabled="true" ui:field="tabQuran" width="499px" height="281px">
                <g:Tab text="Quran">
                    <g:HTMLPanel width="249px" height="262px" ui:field="quranTab">
                    <!--  <div class="{style.qFrameMiddle}" id="middleFrame">-->
            <div  ui:field="quranText" class="{style.quranText}">       

            </div> 

        </g:HTMLPanel>
                </g:Tab>
                <g:Tab text="Translation">
                    <g:HTMLPanel width="7cm" height="249px"/>
                </g:Tab>
            </g:DecoratedTabPanel>
        </g:HorizontalPanel>

它工作正常，显示单词Testing，当我点击Testing时，它也会打开HtmlPanel，但问题是，它没有显示选项卡，只是一个简单的文本，请参见图片

谢谢

---

确保在ModuleName.gwt.xml中继承了标准主题或其他主题：

<inherits name="com.google.gwt.user.theme.standard.Standard"/>

或者您正在某个地方覆盖其默认样式