GWT - CSS 파일에서 스타일을 올바르게 가져 오지 않았습니다.

Question

스타일이 CSS 파일에서 올바르게 선택되지 않은 GWT를 사용하는 상황에 직면하고 있습니다.

텍스트 영역의 스타일을 지정하려고합니다. 그것은 clean.css 또는 standard.css에서 기본 스타일을 선택한다는 것을 알고 있습니다.

하지만 난 application.gwt.xml 파일에서 상속 라인을 제거하고 내 자신의 사용자 정의 스타일 시트 파일에 모든 스타일을 복사 한 - 가까운 "(application.css

그리고 난이 스타일의 이름을 추가하는 것을 시도하고있다 "아래 참조)이 내 텍스트 영역에

 TextArea ta = new TextArea(); 
     ta.addStylename("close"); 

하지만 클래스 이름"닫기 "는 전혀 선택하지 않습니다. standard.css에서 application.css에 텍스트 영역의 기본 스타일을 복사했습니다.

<textarea class="gwt-TextArea close"></textarea> 

난 단지 클래스에서 포착 된 스타일을 참조 - - GWT-텍스트 영역 내가 요소를 검사의 불을 지르고와 크롬을 사용하여 페이지를 확인,이 같은 요소를 볼 볼 수 있었다.

누군가 나를 도와 줄 수 있습니까?

//// styles in application.css 
      .close { 
     font-size:150%; 
      } 

      .gwt-TextArea { 
      border: 1px solid #d9dbdb; 
      background: #ffffff; 
      color: #8e8e8e; 
      font: Arial, sans-serif; 
       overflow: auto; 
      } 

Answer 1

고마워. 하지만 내 css 파일의 중간에 구문 오류가 있다는 것을 알아 냈으므로이 오류 아래에 작성된 모든 스타일은 선택되지 않았습니다. 그건 힘든 일 이었어. 왜냐하면 나는 내가 GWT를 통해 스타일링을 처리하는 방식으로 잘못된 것을하고 있는지 궁금해하고 있었기 때문이다.

Answer 2

당신이 찾고있는 것은 setStyleName()이며, 이는 객체에 스타일 이름을 추가합니다. 그런 다음 지금 사용하고있는 것과 같이 .close {}를 사용할 수 있습니다.

addStyleName은이 경우 기본 스타일 이름에 종속되는 다른 스타일을 만듭니다. .gwt-TextArea close {} (100 % 확신 할 수는 없으므로 문서가 명확하지 않습니다.)

어쨌든 setStyleName() 및 setStylePrimaryName()을 사용하는 것이 좋습니다.

btw. 대답이 마음에 들면 대답의 표시가되도록 게시물의 왼쪽에있는 버튼을 클릭하십시오 :)

Answer 3

GWT에서 스타일은 기본적으로 난독 화되어 다른 위젯에서 스타일 이름을 재사용 할 수 있습니다.

CssResource 프로그래밍 방식으로 스타일을 사용하려면 특수한 CSS 클래스 매핑을 사용해야합니다.

interface MyCssResource extends CssResource { 
    String myCssClass(); 
} 

class MyResources extends ClientBundle { 
    @Source("my.css") 
    MyCssResource css(); 

    @Source("some.png") 
    ImageResource imageAccessor(); 

    @Source("some.png") 
    @ImageOptions(repeatStyle=RepeatStyle.Horizontal) 
    ImageResource repeatingImage(); 
} 

그런 다음이 클라이언트 번들을 GWT 지연 바인딩을 통해 사용합니다.

자세한 내용은 여기를 참조하십시오 : 도와위한 http://code.google.com/intl/fr-FR/webtoolkit/doc/latest/DevGuideClientBundle.html#CssResource