java - GWT-设置TabLayoutPanel样式时出现问题

我想使用TabLayoutPanel实现水平导航栏，并使用自定义样式来满足我的需求。

但是我不知道如何覆盖default样式。这是UiBinder模板：

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:g="urn:import:com.google.gwt.user.client.ui">
  <ui:style>
    .gwt-TabLayoutPanel .gwt-TabLayoutPanelHeader {
      background-color: red;
      padding: 0;
      margin: 0;
    }
  </ui:style>
  <g:TabLayoutPanel barHeight="3.75" barUnit="EM">
    <g:tab>
      <g:header>Latest</g:header>
      <g:Label>Latest Activities</g:Label>
    </g:tab>
    <g:tab>
      <g:header>Patients</g:header>
      <g:Label>Patients</g:Label>
    </g:tab>
  </g:TabLayoutPanel>
</ui:UiBinder>

这行不通。但是如何引用默认样式？

最佳答案

我认为附加一个单独的CSS-内联样式可与同一模板中的{style.xyz}一起使用。实际上，还有第二种解决方案。如果您坚持要在ui.xml中使用它-请使用外部范围：http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#External_and_legacy_scopes