如何将 CSS 用于 Vaadin 组件？

【问题标题】：How can I use CSS for Vaadin components?如何将 CSS 用于 Vaadin 组件？
【发布时间】：2012-12-25 20:06:09
【问题描述】：

我似乎看到了一些例子，人们回答了如何通过添加 CSS 代码从组件中获取某些特定行为的问题，但似乎没有人解释如何使用该 CSS 代码将其连接到 Java 组件...

.v-table-body{
  overflow: hidden !important;
}

例如，我如何在我创建的表上使用此代码？

Table table = new Table(caption);

    table.addContainerProperty("Visit ID", Long.class, null);

【问题讨论】：

【解决方案1】：

您可以创建自己的自定义主题。请参阅https://vaadin.com/book/-/page/themes.creating.html 如何做到这一点。
在这个主题中，您有一个 css 样式表，您可以在其中放置您的规则。

在每个组件上，您都可以使用 addStyleName 函数添加额外的类名：

Table table = new Table("MyCaption");
table.addStyleName("mystyle");

现在您可以在样式表中使用它：

@import "../reindeer/styles.css";

.mystyle{
  overflow: hidden !important;
}

【讨论】：