创建我自己的GWT Button CSS样式

时间:2013-02-27 08:50:28

标签: css gwt

我想在我的GWT应用中为我的所有按钮设置自定义背景。我正在使用标准的GWT Button类。所以(正如其中一个人所推荐的)我的CSS文件中有

.gwt-Button
{
background-color: red;
}

然而,这不适用于我的Button。然后我试了

myButton.setStyleName("gwt-Button");

结果相同。然后我将样式的名称更改为“gwt.Button1”,将其设置为我的样式名称,并且嘿presto它的工作原理。所以在调查为什么我无法修改内置的CSS样式时,我注意到当我编译我的GWT项目(我正在使用Eclipse)时,在我的WAR文件夹中创建了一个名为war / myModule / gwt / standard的文件夹,并在此文件夹中是包含默认GWT样式的CSS文件。 (至少这是我对它的看法)所以我的问题是我如何将自己的样式应用于gwt-Button,为什么这些css文件被放在这个文件夹中,我可以更改它们吗?

2 个答案:

答案 0 :(得分:2)

我认为以下链接可以解决您的问题

GWT theme style overrides my css style

如果没有还原。干杯:)

答案 1 :(得分:1)

Project --->
|
Src
|
package com.xxxxx
|
|
folder(resources(any))
|
|
css(folder)
|
|
YourcssFile.css(write your css here )

参考:https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCss#cssfiles

在GWT.xml文件中

<stylesheet src='css/YourcssFile.css' />