Wie überschreibe ich den GWT-Designstil mit benutzerdefiniertem CSS?

Überschreiben des GWT-Designstils mit benutzerdefiniertem CSS

Beim Integrieren von HTML-Dateien mit benutzerdefinierten CSS-Stilen in GWT-Anwendungen kann es zu einem Konflikt kommen, bei dem die Der Standardstil des GWT-Designs überschreibt Ihre Stile. Hier erfahren Sie, wie Sie dieses Problem beheben und Ihrem benutzerdefinierten CSS Vorrang geben.

Alternative Lösung

Wie in einer GWT-Mailinglistendiskussion vorgeschlagen, können Sie ein ClientBundle erstellen, um auf Ihr zu verweisen CSS-Datei:

<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>

Innerhalb der onModuleLoad()-Methode Ihrer EntryPoint-Klasse fügen Sie die CSS-Datei ein, um sicherzustellen, dass sie Vorrang vor dem GWT-Designstil hat:

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

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

Diese Methode bietet eine Saubere und bequeme Möglichkeit, den GWT-Designstil mit Ihrem benutzerdefinierten CSS zu überschreiben und so sicherzustellen, dass die beabsichtigte visuelle Darstellung Ihrer Anwendung erhalten bleibt.

Das obige ist der detaillierte Inhalt vonWie überschreibe ich den GWT-Designstil mit benutzerdefiniertem CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!