0

私のウィジェットの 1 つには、プログラムで生成された のリストが含まれていますToggleButton。それらをスタイリングしたいのですが、最善のアプローチが何であるかわかりません。GWT は、オーバーライドできる.gwt-ToggleButton-upおよびのようなルールを提供します。ルールをファイルに入れ、それを HTML ファイルから参照することで.gwt-ToggleButton-Down、これらをオーバーライドできます (ただし、その方法は非推奨です)。style.css

ボタンを含む UiBinder に以下を含めると、スタイルは適用されません。

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

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

(これは、GWT が CSS 名を難読化する方法に関係していると思います。)

ToggleButton独自のスタイル ルールを適用するためにラップするだけの新しい UiBinder コンポーネントを作成することもできますが、それは不必要に面倒な場合があります。

ルールを完全に無視して.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 に答える