Comment remplacer la priorité du style de thème GWT pour le CSS personnalisé ?

Surmonter la priorité du style du thème GWT

Pour les projets utilisant à la fois des fichiers HTML avec CSS et GWT personnalisés, un conflit peut survenir là où le style du thème GWT a priorité sur les styles CSS. Ce problème devient apparent lorsque des éléments tels que le corps HTML ont une couleur d'arrière-plan différente dans le CSS mais apparaissent différemment dans l'application GWT.

Pour résoudre ce problème et appliquer les styles CSS, une solution de contournement consiste à remplacer le style du thème GWT. . Une solution de la liste de diffusion GWT suggère de créer un nouveau ClientBundle qui référence le 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>

Dans la méthode onModuleLoad(), le fichier CSS doit être injecté :

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

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

Cette méthode alternative fournit un moyen propre et simple de remplacer le style du thème GWT et de garantir que les styles CSS souhaités sont appliqués dans l'application GWT.

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!