0

我的一个小部件包含一个以编程方式生成的ToggleButtons 列表。我想为它们设计样式，但我不确定最好的方法是什么。GWT 提供.gwt-ToggleButton-up了.gwt-ToggleButton-Down我可以覆盖的规则。我可以通过将我的规则放在一个style.css文件中并从我的 HTML 文件中引用它来覆盖这些（尽管这种方法已被弃用）。

如果我在包含按钮的 UiBinder 中包含以下内容，则不会应用样式：

<ui:style>
  .gwt-ToggleButton-down {
      color: red;
  }

  .gwt-ToggleButton-up {
      color: red;
  }
</ui:style>

（我猜这与 GWT 如何混淆 CSS 名称有关。）

我还可以创建一个新的 UiBinder 组件，它只是包装ToggleButton以应用我自己的样式规则，但这可能会不必要地麻烦。

我应该完全忽略这些.gwt-ToggleButton-*规则并定义我自己的规则，并应用它们toggleButton.addStyleName()吗？还是另一种方法更可取？

4

2 回答 2

1

@external如果那是您要走的路线，将防止混淆。

<ui:style>
  @external gwt-ToggleButton-down, gwt-ToggleButton-up;
  .gwt-ToggleButton-down {
      color: red;
  }
  .gwt-ToggleButton-up {
      color: red;
  }
</ui:style>
于 2012-05-13T00:08:08.150 回答
0

您需要将所有样式放入位于war文件夹下的.css文件中。

于 2012-05-16T10:11:07.050 回答