文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在现代GWT应用程序中覆盖默认CSS？

问如何在现代GWT应用程序中覆盖默认CSS？
EN

Stack Overflow用户

提问于 2011-11-18 21:10:09

回答 1查看 8.4K关注 0票数 6

来自以下页面：Developer's Guide - CSS Style

很明显，在现代GWT应用程序中，有两种方式可以声明css样式：

使用ClientBundle中包含的CssResource。在UiBinder模板中使用内联元素。

如何使用这两种方法中的任何一种来覆盖gwt-Button、gwt-TextBox等GWT默认样式？

我知道仍然可以使用从html页面或.gwt.xml文件引用的css样式表。但是，我希望避免这种情况，因为这些方法现在已被弃用。

css

gwt

cssresource

clientbundle

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-11-18 21:59:58

使用CSS @-规则为给定的@external类名禁用混淆：http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#External_and_legacy_scopes例如，您可以将以下内容放入任何CssResource样式表中：

@external .gwt-*;

但是，最好的做法是在小部件上使用addStyleName或setStyleName (或者分别在UiBinder addStyleNames="…"或styleName="…"中)。如果你想自定义一个主题，首先将它复制为你自己的主题，然后调整你自己的副本(而不是使用CSS级联覆盖样式)。作为一个额外的好处，您将拥有更轻的样式表，因此用户可以更快地下载它们，并且“越快越好”。

注意，UiBinder会生成一个隐式ClientBundle，其中每个<ui:style>元素都会生成一个隐式CssResource (并自动对其调用ensureInjected() )；因此<ui:style>和CssResource之间没有太大区别。

票数 10

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8182917

复制

相似问题

问如何在现代GWT应用程序中覆盖默认CSS？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在现代GWT应用程序中覆盖默认CSS？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在现代GWT应用程序中覆盖默认CSS？
EN