【问题标题】：How to set a border on a Vaadin component?如何在 Vaadin 组件上设置边框？
【发布时间】：2011-08-01 11:18:05
【问题描述】：

我想以编程方式在 Java 中的表单组件周围设置边框。如何在无需编辑 css 样式表的情况下做到这一点？

【问题讨论】：

标签： vaadin

【解决方案1】：

您可以使用已经定义了边框的 Panel 组件来包装表单。否则，除了使用 CSS 之外，别无选择。

如果您希望留在服务器环境中，一个选择是使用 CSSInject 插件并使用它添加边框（您仍然需要编写 CSS，但您可以在服务器上的 Java 文件中完成而不是在常规 CSS 文件中）。

【讨论】：

我遇到的一个问题是，每次我使用 Internet Explorer 9 removeComponent 然后 addComponent 然后顶部边框从面板中消失...在 Firefox 中工作正常，所以我想以编程方式添加顶部边框
这听起来很奇怪，边框不应该消失。你能发布一个代码示例吗？

【解决方案2】：

Vaadin Flow — `Style::set` 指定 CSS

在Vaadin Flow（Vaadin 版本 10 及更高版本）中，您可以方便地以编程方式为小部件或布局设置 CSS。无需编辑单独的 CSS 文件，即使使用 CSS 文件进行样式设置是推荐的方式。

例如，我发现在嵌套布局上设置bright colored 边框对调试很有帮助。

myVerticalLayout.getStyle().set( "border" , "6px dotted DarkOrange" ) ;

您可以通过my Answer 上的此屏幕截图查看此操作，并在此处查看另一个 Vaadin 问题：

【讨论】：

Vaadin Flow — Style::set 指定 CSS