Comment remplacer le style de thème GWT avec du CSS personnalisé ?

Remplacement du style de thème GWT avec du CSS personnalisé

Lors de l'intégration de fichiers HTML avec des styles CSS personnalisés dans des applications GWT, vous pouvez rencontrer un conflit où le Le style de thème GWT par défaut remplace vos styles. Voici comment résoudre ce problème et donner la priorité à votre CSS personnalisé.

Solution alternative

Comme suggéré dans une discussion sur la liste de diffusion GWT, vous pouvez créer un ClientBundle pour référencer votre Fichier 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>

Au sein de la méthode onModuleLoad() de votre classe EntryPoint, injectez le fichier CSS pour assurer sa préséance sur le style du thème GWT :

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

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

Cette méthode propose un moyen propre et pratique de remplacer le style du thème GWT par votre CSS personnalisé, garantissant ainsi le maintien de la présentation visuelle prévue de votre application.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!