Bagaimana untuk Mengatasi Gaya Tema GWT dengan CSS Tersuai?

Mengatasi Gaya Tema GWT dengan CSS Tersuai

Apabila menyepadukan fail HTML dengan gaya CSS tersuai ke dalam aplikasi GWT, anda mungkin menghadapi konflik di mana gaya tema GWT lalai mengatasi gaya anda. Berikut ialah cara untuk menyelesaikan perkara ini dan memberi keutamaan kepada CSS tersuai anda.

Penyelesaian Alternatif

Seperti yang dicadangkan dalam perbincangan senarai mel GWT, anda boleh membuat ClientBundle untuk merujuk anda 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() kelas EntryPoint anda, suntik fail CSS untuk memastikan keutamaannya berbanding gaya tema GWT:

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

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

Kaedah ini menawarkan cara yang bersih dan mudah untuk mengatasi gaya tema GWT dengan CSS tersuai anda, memastikan persembahan visual yang dimaksudkan untuk aplikasi anda dikekalkan.

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