Vaadin中的java样式与css

Question

我正在试图编辑Vaadin中文本字段的文本。我创建了一个文件（\WebContent\VAADIN\themes\loginthemes\style.css），其中只包含以下信息：

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");

文本字段的文本保持不变

Answer 1

正如扬·加林斯基所说，你应该定义一个合适的主题。 对于一个名为“logintheme”的，你应该创建VAADIN/theme/logintheme/style。scssas：

@import "../reindeer/reindeer.scss";
.logintheme {
    @include reindeer;

    .textstyle {  
        font-family: HelveticaRounded; 
        font-size: 40px;
        font-style: bold;
    }
}

告诉用户界面使用它：

@Theme("logintheme")
    public class MyUI extends UI {
}

另外，您使用的setStyleName（）是不正确的：参数是CSS类的名称，而不是主题的名称。 所以在你的情况下，应该是：

TextField username = new TextField("Username: ");
username.setStyleName("textstyle");