无法设置 GWT 文本框和按钮的字体大小
我有一个 GWT
button
,我想将其 font-size
更改为 15pt
。 在我的 Project.css
中,我设置了它的 font-size
。
.gwt-Button {
font-size: 15pt;
}
但这个 CSS
样式不会改变我的 Button 的 font-size
。有没有其他方法可以更改我的按钮
的font-size
?
I have a GWT
button
and I want to change the font-size
of it to 15pt
.
In my Project.css
, I have set it's font-size
.
.gwt-Button {
font-size: 15pt;
}
But this CSS
style doesn't change the font-size
of my Button. Is there any other way I could change the font-size
of my button
?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
如果您使用的是 GWT 主题,它可能很好地定义了 font-size,因此您必须确保您的样式表是在之后加载的(因此它重新定义了字体大小)或使用更具体的选择器(
例如 input.gwt-Button
)。这实际上取决于您加载样式表和/或主题样式表的方式、时间和位置。
请注意,您可以继承<主题名称>Resources 模块(例如 CleanResources 而不是 Clean),将主题的资源复制到输出文件夹但不会自动加载,然后从您的 HTML 主机页(使用
就像任何样式表一样),因此可以更轻松地将自定义样式放在后面。
If you're using a GWT theme, it might very well define the fond-size, so you have to make sure your stylesheet is either loaded after (so it redefines the font-size) or use a more specific selector (
input.gwt-Button
for instance).It really depends how, when and where you load your stylesheet and/or the theme stylesheet.
Note that you can inherit the <theme-name>Resources module (e.g. CleanResources instead of Clean) to have the theme's resources copied to the output folder but not automatically loaded, and then load the stylesheet from your HTML host page (using a
<link rel=stylesheet href=…>
just like any stylesheet), so it's easier to put your custom styles after.您不应该使用像 .gwt-Button 这样的默认样式名称,因为它们可能存在优先级问题。您可以使用 .setStyleName("customButton") 设置新的样式名称,然后在 CSS 文件中使用它。
例子:
you should not use default stylenames like .gwt-Button because they can have precedence problems . You can set new stylename with .setStyleName("customButton") and then use it in CSS file.
example:
您只需将 !important 标志添加到您的样式表中,例如
为您的按钮使用您自己的样式名称,例如
myButton.addStyleName("myButtonStyle");
或在您的代码和Project.css 中 文件。
这对于您的文本框的工作方式相同。
You only have to add the !important flag to your style sheet like
Or use your own style name for your button, e.g.
myButton.addStyleName("myButtonStyle");
in your code andin your Project.css file.
This works the same way for your TextBox.