无法设置 GWT 文本框和按钮的字体大小

发布于 2024-12-10 19:15:40 字数 348 浏览 0 评论 0原文

我有一个 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

吃不饱 2024-12-17 19:15:40

如果您使用的是 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.

生活了然无味 2024-12-17 19:15:40

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

例子:

.customButton{
font-size: 15pt;
}

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:

.customButton{
font-size: 15pt;
}
生生不灭 2024-12-17 19:15:40

您只需将 !important 标志添加到您的样式表中,例如

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

为您的按钮使用您自己的样式名称,例如 myButton.addStyleName("myButtonStyle");

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

或在您的代码和Project.css 中 文件。

这对于您的文本框的工作方式相同。

You only have to add the !important flag to your style sheet like

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

Or use your own style name for your button, e.g. myButton.addStyleName("myButtonStyle"); in your code and

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

in your Project.css file.

This works the same way for your TextBox.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文