2012-06-16 3 views
0

나는이 나는 GWT-푸시 버튼 업, .gwt - 푸시 버튼 업-유혹, .gwt - 푸시 버튼 업 장애인 ,.이 STANDART 푸시 버튼이 인터페이스 등의 ADN CssResource 변경 스타일

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-푸시 버튼 다운, .gwt - 푸시 버튼 다운-유혹, .gwt - 푸시 버튼 다운 장애인과 다른 스타일

그래서 내가 푸시 버튼 스타일을 설정 - 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에서 변환 될 것입니다.

영어로 죄송합니다.

답변

1

이 현재 불가능합니다 : 당신이 의존하는 스타일의 이름을 활용하려면 http://code.google.com/p/google-web-toolkit/issues/detail?id=4746

, 당신은 클래스 이름을 난처을 해제해야합니다 (예 : -up, -hover 아니에만 CSS에 @external를 사용하여 , 등등 변종뿐만 아니라 기본 스타일 이름). 그렇지만 CSS 리소스간에 이름 충돌이있을 수 있습니다.