カスタム 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 中国語 Web サイトの他の関連記事を参照してください。