CSS 在 GXT 中不起作用答案

【问题标题】：CSS is not working in GXTCSS 在 GXT 中不起作用
【发布时间】：2013-04-14 16:08:12
【问题描述】：

我正处于 GWT GXT 的学习阶段，

我的项目中的一些 css 工作正常，但有些却向我展示了一种奇怪的行为。

用于登录按钮。

logonBtn = new TextButton("Connect");
        logonBtn.setIconAlign(IconAlign.RIGHT);
        logonBtn.setIcon(Resources.INSTANCE.login());
        logonBtn.setStyleName("Project-Button");

CSS

.Project-Button {
    color: Black;
    border: thin outset #FF6600;
    font-family: Courier New, Century Gothic, Times New Roman, Verdana, Arial;
    vertical-align: middle;
    background-position: left center;
    background-color: White;
    cursor: pointer;
}

但是当我运行项目时，这个 css 对连接按钮没有任何影响。

在我的项目中，我有 6 或 7 个 TextButton。但是这个 css 只在其中一个按钮中显示效果

我尝试使用 Firebug 来查看问题。我看到这个 textButton 没有附加 Project-Button css。

附上fireBug的图片。

如果有人明白这一点，请解释并给出解决方案。

提前致谢。

【问题讨论】：

您使用的是哪个版本的 GWT 和 GXT？你试过 addStyleName() 吗？
@DiogoSantana：GWT 2.5.1 和 GXT 3.0
你试过 addStyleName() 吗？我认为您的 .Project-BUtton 样式应该在您设置后稍后删除。
@DiogoSantana ：是的，我也尝试过 addStyleName()。请在萤火虫图像区域中正确查看。我的项目中没有这些 css。我处于学习阶段，所以我对 GWT 和 CSS 不太了解。 GWT GXT 中是否已有一些默认 css。
是的，GWT GXT 中有默认的 CSS。但是您可以将样式添加到组件中。我认为 GXT 在您设置后会删除您的样式。

标签： gwt uibinder gwt2 gxt

【解决方案1】：

如果您更改 GXT Text 按钮样式，您必须编写 ButtonCellAppereance。 GXT 按钮样式与其他 gxt 小部件相比过于复杂。 example link about appereance

1:http://www.slideshare.net/senchainc/ext-gwt-30-theming-and-appearances我在gwt项目上开始了一个项目theme project link

但我没有更多的时间来开发。好黑客...

【讨论】：