如何使用自訂 CSS 覆蓋 GWT 主題樣式：經過測試的解決方案

GWT 主題樣式覆蓋自訂CSS：經過測試的解決方案

將HTML 檔案及其自己的CSS 整合到GWT 應用程式時，一個常見問題出現：GWT 主題樣式會覆蓋自訂CSS 樣式。例如，如果自訂 CSS 為「body」元素指定黑色背景顏色，除非主題停用，否則它會顯示為白色。

此問題源自於 GWT 主題樣式的影響。要覆寫它並套用您的自訂CSS，請考慮以下解決方案：

建立引用您的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>

這種方法可讓您使用自訂CSS 乾淨且有效率地覆蓋GWT 主題樣式，保留HTML 元素所需的樣式。

以上是如何使用自訂 CSS 覆蓋 GWT 主題樣式：經過測試的解決方案的詳細內容。更多資訊請關注PHP中文網其他相關文章！