2

我正在使用 GWT 2.4.0 + UiBinder。

在我的 ui.xml 文件中，我使用下面的行引用了外部样式表。

<ui:style
    type="com.codelaboration.twykin.frontend.widgets.qa.client.view.QABox.QAStyle"
    src="QABox.css" />

现在我在同一个 ui.xml 文件中有以下代码

<div class="{style.imagePanel}">
      <div ui:field="lblUser"/>
</div>

在 QABox.css 中，我定义了“imagePanel”，并使用 CSS 继承将 CSS 应用于imagePanel 类中的所有 div：

.imagePanel {float: left; width: 100px; text-align: center;}
.imagePanel div {float: right; width: 530px;}

现在的问题是 GWT 混淆了样式名称，所以现在imagePanel将被更改为一些奇怪的名称，因此“.imagePanel div”将无法工作。所以基本上我的问题是当外部样式表仅在 ui.xml 中声明时如何在 UiBinder 中使用 CSS 选择器。

谢谢。

4

1 回答 1

0

您可以在 gwt 应用程序中添加外部 css。您必须提供样式资源的相对路径。

听到是一段代码。

在你的 uibinder xml 中

<ui:style src="QAStyle/QABox.css" />

    <div class="{style.imagePanel}">
          <div ui:field="lblUser"/>
    </div>

它会在 QAStyle 包中找到 css。

或者您也可以使用 ClientBundle 来避免您的路径问题。请参阅使用外部资源。

它会帮助你。

于 2012-04-19T19:33:04.253 回答