如何覆寫自訂 CSS 的 GWT 主題樣式優先權？

克服GWT 主題樣式優先權

對於同時使用具有自訂CSS 和GWT 的HTML 檔案的項目，GWT 主題樣式可能會發生衝突優先於CSS 樣式。當 HTML 正文等元素在 CSS 中具有不同的背景顏色但在 GWT 應用程式中顯示不同時，此問題就會變得很明顯。

要解決此問題並強制執行 CSS 樣式，解決方法包括覆寫 GWT 主題樣式。 GWT 郵件清單中的解決方案建議建立一個引用CSS 檔案的新ClientBundle：

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

在onModuleLoad() 方法中，應注入CSS 檔案：

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

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

這種替代方法提供了一種乾淨、直接的方法來覆蓋GWT 主題樣式，並確保在GWT 應用程式中應用所需的CSS 樣式。

以上是如何覆寫自訂 CSS 的 GWT 主題樣式優先權？的詳細內容。更多資訊請關注PHP中文網其他相關文章！