Cara Mengatasi Gaya Tema GWT dengan CSS Tersuai: Penyelesaian yang Diuji

Gaya Tema GWT Mengatasi CSS Tersuai: Penyelesaian Teruji

Apabila menyepadukan fail HTML dengan CSS mereka sendiri ke dalam aplikasi GWT, isu biasa timbul: gaya tema GWT mengatasi gaya CSS tersuai. Contohnya, jika CSS tersuai menentukan warna latar belakang hitam untuk elemen 'badan', ia kelihatan putih melainkan tema dinyahaktifkan.

Isu ini berpunca daripada pengaruh gaya tema GWT. Untuk mengatasinya dan menggunakan CSS tersuai anda, pertimbangkan penyelesaian berikut:

Buat antara muka ClientBundle yang merujuk fail CSS anda:

<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>

Dalam kaedah onModuleLoad(), pastikan CSS fail disuntik:

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

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

Pendekatan ini membolehkan anda mengatasi gaya tema GWT dengan bersih dan cekap dengan CSS tersuai anda, mengekalkan gaya yang diingini untuk elemen HTML anda.

Atas ialah kandungan terperinci Cara Mengatasi Gaya Tema GWT dengan CSS Tersuai: Penyelesaian yang Diuji. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!