我有GWT
button
并且我想将它的font-size
更改为15pt
。 在我的Project.css
中,我已将其设置为font-size
。GWT文本框和按钮的字体大小不能设置
.gwt-Button {
font-size: 15pt;
}
但这CSS
风格并没有改变我的按钮的font-size
。有没有其他方法可以更改我的button
的font-size
?
我有GWT
button
并且我想将它的font-size
更改为15pt
。 在我的Project.css
中,我已将其设置为font-size
。GWT文本框和按钮的字体大小不能设置
.gwt-Button {
font-size: 15pt;
}
但这CSS
风格并没有改变我的按钮的font-size
。有没有其他方法可以更改我的button
的font-size
?
如果您使用的是GWT主题,它可能会很好地定义喜欢尺寸,所以您必须确保您的样式表是在加载之后(因此它重新定义字体大小)或使用更具体的选择器(例如,input.gwt-Button
)。
这实际上取决于如何,何时何地加载样式表和/或主题样式表。
注意,您可以继承< 主题名称>资源模块(例如CleanResources而不是清洁)有主题的资源复制到输出文件夹,但不会自动加载,然后从你的HTML主机负载的样式表页面(与任何样式表一样使用<link rel=stylesheet href=…>
),因此在后面放置自定义样式会更容易。
你不应该使用像.gwt-Button这样的默认样式名称,因为它们可能有优先问题。您可以使用.setStyleName(“customButton”)设置新的样式名称,然后在CSS文件中使用它。
例如:
.customButton{
font-size: 15pt;
}
你只需要在重要标志添加到您的样式表像
.gwt-Button {
font-size: 15pt !important;
}
或使用您自己的风格名称为您的按钮,如! myButton.addStyleName("myButtonStyle");
在您的代码和
.myButtonStyle {
font-size: 15pt !important;
}
在您的Project.css文件中。
这对您的TextBox工作方式相同。
我的'TextBox'与我的'Button'有同样的问题。 – wens
有没有其他方法可以更改我的按钮的字体大小?这是通常的做法。看起来你的CSS没有被应用。尝试使用不同的单位,如em或%,看看它是否会改变字体大小。如果没有,你可能会遇到你的Project.css文件没有和你的HTML文件进行连接的问题。是否应用了其他样式? – Jawad
嗨。我的css风格正在被应用到我的项目中。实际上,我为''button'设置了'width',它适用于'font-size',但不适用。我只是不知道为什么? – wens