Java 使用css在Vaadin中设置样式
我正在尝试编辑中文本字段的文本。我创建了一个文件(\WebContent\VAADIN\themes\loginthemes\style.css),其中只包含以下信息:Java 使用css在Vaadin中设置样式,java,css,vaadin,Java,Css,Vaadin,我正在尝试编辑中文本字段的文本。我创建了一个文件(\WebContent\VAADIN\themes\loginthemes\style.css),其中只包含以下信息: textstyle { font-family: HelveticaRounded; font-size: 40px; font-style: bold; } 在我的java文件中,我有以下内容: TextField username = new TextField("Username: ")
textstyle {
font-family: HelveticaRounded;
font-size: 40px;
font-style: bold;
}
在我的java文件中,我有以下内容:
TextField username = new TextField("Username: ");
username.setStyleName("style");
// I also tried username.setStyleName("loginthemes");
textfield的文本保持不变。必须在UI类中指定主题
@Theme("logintheme")
public class MyUI extends UI {
}
此外,您应该通过@import引用现有主题,否则您的主题将看起来非常“精简”。您必须在UI类中指定主题
@Theme("logintheme")
public class MyUI extends UI {
}
另外,你应该通过@import引用一个已有的主题,否则你的主题看起来会很“精简”。正如Jan Galinski所说,你应该定义一个合适的主题。 对于一个名为“logintheme”的项目,您应该将VAADIN/theme/logintheme/style.scss创建为: 告诉用户界面使用它:
@Theme("logintheme")
public class MyUI extends UI {
}
另外,您使用的setStyleName()也不正确:参数是CSS类的名称,而不是主题的名称。
因此,在您的情况下,应该是:
TextField username = new TextField("Username: ");
username.setStyleName("textstyle");
正如扬·加林斯基所说,你应该定义一个合适的主题。 对于一个名为“logintheme”的项目,您应该将VAADIN/theme/logintheme/style.scss创建为: 告诉用户界面使用它:
@Theme("logintheme")
public class MyUI extends UI {
}
另外,您使用的setStyleName()也不正确:参数是CSS类的名称,而不是主题的名称。
因此,在您的情况下,应该是:
TextField username = new TextField("Username: ");
username.setStyleName("textstyle");
我不知道你的错误是什么(你的评论不完整);但我对我的例子做了一个修改,这应该会使它更准确。我不知道你的错误是什么(你的评论不完整);但是我对我的例子做了一个改变,这应该使它更准确。