【发布时间】：2011-04-11 19:52:00
【问题描述】：
我是 GWT 的新手，我很难找到任何专注于使用 GWT 教授样式的好的教程。我发现谷歌提供的几个例子都是微不足道的，并没有真正解释太多。
我想做的一些事情是：
- 更改全局字体样式
- 更改现有小部件的样式，例如 CellTree 中的选定项
- 用图片替换按钮的文本
- 删除文本字段的边框
- 名单还在继续
我一直在搜索和搜索，但没有发现任何对样式特别有用的东西，所以任何建议/指导将不胜感激！谢谢！
【问题讨论】：
【发布时间】：2011-04-11 19:52:00
【问题描述】：
GWT 中的样式几乎完全使用 CSS 完成。您可以将普通的 CSS 文件链接到您的主机 html，就像使用普通网站一样，其规则将像普通 CSS 与普通 HTML 一样适用。 GWT 提供了几种方法来优化你的 CSS，这变得相当复杂，但在基本层面上，你可以使用 Firebug 查看你应用的 HTML，找出你需要的 CSS那个，然后把它扔到你的css文件中。 GWT 将许多特殊样式应用于内置的小部件，您可以从生成的 HTML 和文档中了解所有这些样式名称。
【讨论】：
-
嗯，我明白了它背后的总体思路。在我自己的 css 文件中定义样式规则实际上并没有覆盖来自 standard.css 的样式。如果尚未定义样式，那么我可以添加我想要的任何内容，但如果它已在 standard.css 中设置，则在我的 css 文件中重新定义该样式不会执行任何操作。难道我做错了什么？例如：来自standard.css: .gwt-TextBox-readonly { color: #888; } 从我的 CSS： .gwt-TextBox-readonly { color: black;边框：无；背景颜色：#B4B4B4；我的文件中的颜色属性被standard.css 覆盖。为什么？
-
参见code.google.com/webtoolkit/doc/1.6/… 并查找“带宽敏感应用程序”部分。 standard.css 在你的代码加载后由 GWT 注入，你可以使用这个 hack 来获得你想要的行为。