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

Question

我有GWT button，我想将其font-size更改为15pt。 在我的Project.css中，我设置了font-size。

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

但是这种CSS样式不会改变我的Button的font-size。还有其他方法可以更改font-size的{​​{1}}吗？

Answer 1

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

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

Answer 2

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

示例：

.customButton{
font-size: 15pt;
}

Answer 3

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

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

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

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

在Project.css文件中

。

这对TextBox的工作方式相同。