So überschreiben Sie GWT-Designstile mit benutzerdefiniertem CSS: Eine getestete Lösung

Der GWT-Designstil überschreibt benutzerdefiniertes CSS: Eine getestete Lösung

Bei der Integration von HTML-Dateien mit eigenem CSS in eine GWT-Anwendung ist dies ein häufiges Problem entsteht: Der GWT-Designstil überschreibt die benutzerdefinierten CSS-Stile. Wenn das benutzerdefinierte CSS beispielsweise eine schwarze Hintergrundfarbe für das „body“-Element angibt, erscheint es weiß, es sei denn, das Design ist deaktiviert.

Dieses Problem ist auf den Einfluss des GWT-Designstils zurückzuführen. Um es zu überschreiben und Ihr benutzerdefiniertes CSS anzuwenden, ziehen Sie die folgende Lösung in Betracht:

Erstellen Sie eine ClientBundle-Schnittstelle, die auf Ihre CSS-Datei verweist:

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

Stellen Sie innerhalb der onModuleLoad()-Methode sicher, dass das CSS Datei wird eingefügt:

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

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

Mit diesem Ansatz können Sie den GWT-Designstil sauber und effizient mit Ihrem benutzerdefinierten CSS überschreiben und dabei den gewünschten Stil für Ihre HTML-Elemente beibehalten.

Das obige ist der detaillierte Inhalt vonSo überschreiben Sie GWT-Designstile mit benutzerdefiniertem CSS: Eine getestete Lösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!