Wie überschreibe ich die Priorität des GWT-Designstils für benutzerdefiniertes CSS?

Vorrang des GWT-Designstils überwinden

Bei Projekten, die sowohl HTML-Dateien mit benutzerdefiniertem CSS als auch GWT verwenden, kann es zu einem Konflikt mit dem GWT-Designstil kommen hat Vorrang vor den CSS-Stilen. Dieses Problem wird deutlich, wenn Elemente wie der HTML-Körper im CSS eine andere Hintergrundfarbe haben, in der GWT-Anwendung jedoch anders angezeigt werden.

Um dieses Problem zu beheben und die CSS-Stile durchzusetzen, besteht eine Problemumgehung darin, den GWT-Designstil zu überschreiben . Eine Lösung aus der GWT-Mailingliste schlägt vor, ein neues ClientBundle zu erstellen, das auf die 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>

Innerhalb der onModuleLoad()-Methode sollte die CSS-Datei eingefügt werden:

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

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

Diese alternative Methode bietet eine saubere und unkomplizierte Möglichkeit, den GWT-Designstil zu überschreiben und sicherzustellen, dass die gewünschten CSS-Stile in der GWT-Anwendung angewendet werden.

Das obige ist der detaillierte Inhalt vonWie überschreibe ich die Priorität des GWT-Designstils für benutzerdefiniertes CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!