如何从CaptionPanel小部件中删除默认的GWT样式？

Question

如何从CaptionPanel小部件中删除默认的GWT样式？

在我的.ui.xml中，我几乎尝试了所有操作。 我尝试将stylePrimaryName和styleName设置为我的类名。 我也尝试定义.gwt-CaptionPanel无效。

我的.xml看起来像这样：

<ui:style src="../common.css">
    .test {
        color: red;
    }

    .gwt-CaptionPanel {

    }
</ui:style>

<g:CaptionPanel captionText="Test" stylePrimaryName="{style.test}">
</g:CaptionPanel>

Answer 1

CaptionPanel没有定义默认样式，因此实际上没有使用您认为存在的.gwt-CaptionPanel 。 CaptionPanel是作为<fieldset>标记实现的，因此颜色文本应该没有问题，但是由于您没有在标题面板中放置任何内容，因此您实际上不会看到任何内容。

Answer 2

如果要避免所有控件出现问题，可以打开AppName.gwt.xml并确保已注释掉默认样式：

<inherits name='com.google.gwt.user.theme.standard.Standard'/> 
<inherits name='com.google.gwt.user.theme.chrome.Chrome'/> 
<inherits name='com.google.gwt.user.theme.dark.Dark'/>