0

私は次のようなインターフェースを持っています

public interface PopupPanelWithConfirmStyle extends ClientBundle {

  public static final PopupPanelWithConfirmStyle I = GWT.create(PopupPanelWithConfirmStyle.class);

  @Source("PopupPanelWithConfirmStyle.css")
  public Style css();

  public interface Style extends CssResource {

  @ClassName("popupPanelWithConfirmStyle")
  String popupPanelWithConfirmStyle();

  @ClassName("confirmButton")
  String confirmButton();
 }

}

そして、私はgwt-PushButton-up、.gwt-PushButton-up-hovering、.gwt-PushButton-up-disabled、.gwt-PushButton-down、.gwt-PushButton-down-hovering、.gwt-を持つ標準的なプッシュボタンを持っていますPushButton-down-disable およびその他のスタイル

だから私は PushButton スタイルを設定します - confirmButton と独自の css を書きます

.popupPanelWithConfirmStyle {
background: none repeat scroll 0 0 white;
padding: 3px;
z-index: 100;
}

.confirmButton{
border-radius: 2px 2px 2px 2px;
margin: 0;
text-decoration: none;
padding: 3px 5px;
}

@external confirmButton-up, confirmButton-up-hovering, confirmButton-up-disabled, confirmButton-down, confirmButton-down-hovering, confirmButton-down-disabled 

.confirmButton-up {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #BBBBBB #BBBBBB #A0A0A0;
border-style: solid;
border-width: 1px;
cursor: pointer;
}

.confirmButton-up-hovering {
border: 1px solid #939393;
cursor: pointer;
}

.confirmButton-up-disabled {
border: 1px solid #BBBBBB;
cursor: default;
opacity: 0.5;
}

.confirmButton-down {
border: 1px inset #666666;
cursor: pointer;
outline: medium none;
padding: 4px 4px 2px 6px;
}

.confirmButton-down-hovering {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #333333 #939393 #939393;
border-right: 1px solid #939393;
border-style: solid;
border-width: 1px;
cursor: pointer;
}

.confirmButton-down-disabled {
border: 1px outset #CCCCCC;
cursor: default;
opacity: 0.5;
}

gwt を実行すると - なるほど -

div tabindex="0" class="GGUR4G1EN GGUR4G1EN-up" role="button" aria-pressed="false"

私は何をすべきか？その .confirmButton-up は GGUR4G1EN-up に変換されます

私の英語でごめんなさい。

4

1 に答える 1

1

現在、これは不可能です：http ://code.google.com/p/google-web-toolkit/issues/detail?id=4746

依存スタイル名を利用する場合は、クラス名の難読化を無効にする必要があります（たとえば@external、CSSで、、などのバリアントだけでなく-up、-hoverプライマリスタイル名も使用します）。ただし、CSSリソース間で名前の競合が発生する可能性があることを意味します。

于 2012-06-17T09:20:09.880 に答える