2011-10-20 73 views
1

我有GWTbutton并且我想将它的font-size更改为15pt。 在我的Project.css中,我已将其设置为font-sizeGWT文本框和按钮的字体大小不能设置

.gwt-Button { 
    font-size: 15pt; 
} 

但这CSS风格并没有改变我的按钮的font-size。有没有其他方法可以更改我的buttonfont-size

+0

我的'TextBox'与我的'Button'有同样的问题。 – wens

+0

有没有其他方法可以更改我的按钮的字体大小?这是通常的做法。看起来你的CSS没有被应用。尝试使用不同的单位,如em或%,看看它是否会改变字体大小。如果没有,你可能会遇到你的Project.css文件没有和你的HTML文件进行连接的问题。是否应用了其他样式? – Jawad

+0

嗨。我的css风格正在被应用到我的项目中。实际上,我为''button'设置了'width',它适用于'font-size',但不适用。我只是不知道为什么? – wens

回答

3

如果您使用的是GWT主题,它可能会很好地定义喜欢尺寸,所以您必须确保您的样式表是在加载之后(因此它重新定义字体大小)或使用更具体的选择器(例如,input.gwt-Button)。
这实际上取决于如何,何时何地加载样式表和/或主题样式表。

注意,您可以继承< 主题名称>资源模块(例如CleanResources而不是清洁)有主题的资源复制到输出文件夹,但不会自动加载,然后从你的HTML主机负载的样式表页面(与任何样式表一样使用<link rel=stylesheet href=…>),因此在后面放置自定义样式会更容易。

0

你不应该使用像.gwt-Button这样的默认样式名称,因为它们可能有优先问题。您可以使用.setStyleName(“customButton”)设置新的样式名称,然后在CSS文件中使用它。

例如:

.customButton{ 
font-size: 15pt; 
} 
0

你只需要在重要标志添加到您的样式表像

.gwt-Button { 
    font-size: 15pt !important; 
} 

或使用您自己的风格名称为您的按钮,如! myButton.addStyleName("myButtonStyle");在您的代码和

.myButtonStyle { 
    font-size: 15pt !important; 
} 

在您的Project.css文件中。

这对您的TextBox工作方式相同。

相关问题