如何使用自定义 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中文网其他相关文章！