Bagaimana untuk Mengatasi Keutamaan Gaya Tema GWT untuk CSS Tersuai?

Mengatasi Keutamaan Gaya Tema GWT

Untuk projek menggunakan kedua-dua fail HTML dengan CSS tersuai dan GWT, konflik mungkin timbul apabila gaya tema GWT diutamakan daripada gaya CSS. Isu ini menjadi jelas apabila elemen seperti badan HTML mempunyai warna latar belakang yang berbeza dalam CSS tetapi kelihatan berbeza dalam aplikasi GWT.

Untuk menyelesaikan isu ini dan menguatkuasakan gaya CSS, penyelesaian melibatkan mengatasi gaya tema GWT . Penyelesaian daripada senarai mel GWT mencadangkan membuat ClientBundle baharu yang merujuk fail CSS:

<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(), fail CSS harus disuntik:

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

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

Kaedah alternatif ini menyediakan cara yang bersih dan mudah untuk mengatasi gaya tema GWT dan memastikan gaya CSS yang diingini digunakan dalam aplikasi GWT.

Atas ialah kandungan terperinci Bagaimana untuk Mengatasi Keutamaan Gaya Tema GWT untuk CSS Tersuai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!