사용자 정의 CSS에 대한 GWT 테마 스타일 우선 순위를 재정의하는 방법은 무엇입니까?

GWT 테마 스타일 우선순위 극복

사용자 정의 CSS와 GWT가 포함된 HTML 파일을 모두 사용하는 프로젝트의 경우 GWT 테마 스타일에서 충돌이 발생할 수 있습니다. CSS 스타일보다 우선합니다. 이 문제는 HTML 본문과 같은 요소가 CSS에서 다른 배경색을 갖지만 GWT 애플리케이션 내에서는 다르게 나타날 때 더욱 분명해집니다.

이 문제를 해결하고 CSS 스타일을 적용하려면 GWT 테마 스타일을 재정의하는 방법이 있습니다. . GWT 메일링 리스트의 솔루션에서는 CSS 파일을 참조하는 새 ClientBundle을 생성할 것을 제안합니다.

<code class="java">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();
}</code>

onModuleLoad() 메서드 내에서 CSS 파일을 삽입해야 합니다.

<code class="java">public class YourApp implements EntryPoint {

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

이 대체 방법은 GWT 테마 스타일을 재정의하고 원하는 CSS 스타일이 GWT 애플리케이션 내에 적용되도록 하는 깔끔하고 간단한 방법을 제공합니다.

위 내용은 사용자 정의 CSS에 대한 GWT 테마 스타일 우선 순위를 재정의하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!