css - GWT，addStyleNames 不从 CssResource 添加第二种样式

Question

我正在尝试向 GWT g:label 添加第二种样式。我将 CSS 样式定义为 CssResource。标签很好地选择了 .gwt-Label 样式，但它没有选择添加样式中定义的字体颜色的变化。

<?xml version="1.0" encoding="UTF-8"?>
<!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:with field='res' type='com.me.area.workflow.portal.flip.client.ui.Resources' />

    <g:DockLayoutPanel unit='PCT'>
        <g:west size="50">
          <g:Label addStyleNames="{.navPanelText}">Flip Workflows</g:Label>
        </g:west>
    </g:DockLayoutPanel>
</ui:UiBinder>

和CSS

.gwt-Label {
   font: bold 16px "Lucida Grande", Geneva, Verdana, sans-serif;
   vertical-align: middle;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   text-decoration: none;
   padding: 3px 5px 3px 5px;
 }

 .navPanelText {
   color: white;
 }

Answer 1

你需要改变:

<g:Label addStyleNames="{.navPanelText}">Flip Workflows</g:Label>

收件人:

<g:Label addStyleNames="{res.style.navPanelText}">Flip Workflows</g:Label>

这是假设您已正确完成所有其他需要做的事情。例如'Resources''ClientBundle' 有一个名为'style()' 的'CssResource'。正确链接到正确的 CSS 样式表。

如果没有 res.style，您就不会引用您的样式表，您只是将 {.navPanelText} 作为样式插入。

即使您的类的名称是 .navPanelText，在您的 CSS GWT 中也会更改类的名称。为了保持对该类名的引用，您需要通过与类名相同的调用方法来引用样式表对应的Java文件和样式名。

有关更多信息，请转至 here .

您也可以直接将 CSS 放在 UiBinder 中。

<?xml version="1.0" encoding="UTF-8"?>
<!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>
        .navPanelText {
            color: white;
        }
    </ui:style>

    <g:DockLayoutPanel unit='PCT'>
        <g:west size="50">
          <g:Label addStyleNames="{style.navPanelText}">Flip Workflows</g:Label>
        </g:west>
    </g:DockLayoutPanel>
 </ui:UiBinder>