如何在 Vaadin 8 中以声明方式指定 CSS class 名称？

Question

我想使用 css 为在 html 中以声明方式指定的组件设置样式（例如，为给定组件指定 class 属性）。我知道这可以通过像这样使用 Java API 来实现：

Label label = new Label("This is a test label");
label.addStyleName("large");

不过，我想达到同样的效果，只是用declarative design。我已经尝试在 html 标签中简单地指定 class 属性，但这没有效果：

<v-label class="large">This is a test label</v-label>

网页中渲染的组件不保留类名large。

Answer 1

我不确定您的确切要求是什么。但是如果你要求 Java API 定义组件的 class 名称，你应该按如下方式进行

Button billedBtn = new Label("Billed");
label.addStyleName("billed-button");

如果您使用的是设计器，您可以在属性中编辑样式名称，请参见图片

声明式格式如下

    <vaadin-button icon="fonticon://FontAwesome/f153" style-name="billed-button" plain-text _id="billedBtn">
      Billed 
    </vaadin-button>

How can I specify a CSS class name declaratively in Vaadin 8?