사용자 정의 CSS로 GWT 테마 스타일을 재정의하는 방법

HTML 및 CSS 파일을 GWT 애플리케이션에 통합할 때 GWT 테마 스타일이 사용자 정의를 재정의하는 문제가 발생할 수 있습니다. 스타일. 이로 인해 검정색 배경이 아닌 흰색 배경과 같은 시각적 모양의 불일치가 발생할 수 있습니다.

이 문제를 해결하고 사용자 정의 CSS 스타일이 우선되도록 하려면 다음을 참조하는 클라이언트 번들을 생성하는 것이 좋습니다. CSS 파일:

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.CssResource;

public interface Resources extends ClientBundle {

      public static final Resources INSTANCE = GWT.create(Resources.class); 

      @Source("style.css")
      @CssResource.NotStrict
      CssResource css();
}

onModuleLoad() 메서드 내에서 다음 코드를 사용하여 CSS 파일을 삽입합니다.

public class YourApp implements EntryPoint {

    public void onModuleLoad() {
        //...
        Resources.INSTANCE.css().ensureInjected(); 
        //...
    }
}

이 접근 방식을 구현하면 GWT 테마 스타일을 효과적으로 재정의하고 사용자 정의 CSS 스타일이 적용되도록 하여 애플리케이션의 시각적 모양을 더 효과적으로 제어할 수 있습니다.