无法设置 GWT TextBox 和 Button 的字体大小答案

【问题标题】：Font-size for GWT TextBox and Button can't be set无法设置 GWT TextBox 和 Button 的字体大小
【发布时间】：2017-04-14 04:43:54
【问题描述】：

我有一个GWTbutton，我想将它的font-size 更改为15pt。在我的Project.css 中，我将其设置为font-size。

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

但是这种CSS 样式不会改变我的Button 的font-size。有没有其他方法可以更改我的button 的font-size？

【问题讨论】：

我的TextBox 和我的Button 有同样的问题。
还有其他方法可以更改按钮的字体大小吗？这就是通常的做法。看起来你的 CSS 没有被应用。尝试使用不同的单位，例如 em 或 %，看看它是否会改变字体大小。如果没有，您可能会遇到 Project.css 文件未链接到您的 html 文件的问题。是否应用了其他样式？
嗨。我的 css 样式正在应用于我的项目。实际上，我为我的button 设置了一个width，它适用但不适用于font-size。我只是不知道为什么？
嘿，我已经尝试过使用其他单位，但仍然没有效果。我试过EM、%、px。 :(
给它一个颜色：红色；或字体粗细：粗体；看看它是否影响按钮文本？

标签： css gwt button textbox font-size

【解决方案1】：

如果您使用的是 GWT 主题，它可能会很好地定义字体大小，因此您必须确保您的样式表要么在之后加载（因此它重新定义了字体大小），要么使用更具体的选择器（ input.gwt-Button 例如）。
这实际上取决于您加载样式表和/或主题样式表的方式、时间和地点。

请注意，您可以继承 theme-name>Resources 模块（例如 CleanResources 而不是 Clean）将主题的资源复制到输出文件夹但不会自动加载，然后加载样式表从您的 HTML 主机页面（使用 <link rel=stylesheet href=…> 就像任何样式表一样），因此更容易将您的自定义样式放在后面。

【讨论】：

【解决方案2】：

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

示例：

.customButton{
font-size: 15pt;
}

【讨论】：

【解决方案3】：

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

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

或者为您的按钮使用您自己的样式名称，例如myButton.addStyleName("myButtonStyle"); 在您的代码中和

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

在您的 Project.css 文件中。

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

【讨论】：