Comment remplacer les styles de thème GWT avec du CSS personnalisé : une solution testée

Le style du thème GWT remplace le CSS personnalisé : une solution testée

Lors de l'intégration de fichiers HTML avec leur propre CSS dans une application GWT, un problème courant se pose : le style du thème GWT remplace les styles CSS personnalisés. Par exemple, si le CSS personnalisé spécifie une couleur d'arrière-plan noire pour l'élément 'body', il apparaît en blanc sauf si le thème est désactivé.

Ce problème provient de l'influence du style de thème de GWT. Pour le remplacer et appliquer votre CSS personnalisé, envisagez la solution suivante :

Créez une interface ClientBundle qui référence 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>

Dans la méthode onModuleLoad(), assurez-vous que le CSS Le fichier est injecté :

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

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

Cette approche vous permet de remplacer proprement et efficacement le style du thème GWT par votre CSS personnalisé, en conservant le style souhaité pour vos éléments HTML.

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!