如何在Vaadin组件上设置边框？

Question

我想以编程方式在Java中的Form组件周围设置边框.如何在不编辑css样式表的情况下执行此操作？

Answer 1

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

如果你想留在服务器环境中,一个选择是使用CSSInject附加组件并使用它添加边框(你仍然需要编写CSS,但是你可以在服务器上用Java文件而不是内部来做一个普通的CSS文件).

Answer 2

Vaadin Flow \xe2\x80\x94Style::set指定 CSS

\n

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

\n

\n
1. 在您的小部件/布局上，调用getStyle以检索Style对象。
\n
2. 在该Style对象上，调用set以传递 CSS 属性的名称和值。
\n

\n

例如，我发现在嵌套布局上设置明亮的彩色边框对于调试非常有帮助。

\n

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

\n

您可以通过我对另一个 Vaadin 问题的回答中的屏幕截图来查看此操作的实际情况：

\n\n