如何在 Vaadin 组件上设置边框?
我想以编程方式在 Java 中的 Form 组件周围设置边框。如何在不编辑 css 样式表的情况下做到这一点?
I would like to programmatically set a border around a Form component in Java. How can I do this without having to edit the css style sheet?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用 Panel 组件来包装表单,该组件已经定义了边框。否则,除了使用 CSS 之外,没有太多选择。
如果您希望留在服务器环境中,一种选择是使用 CSSInject 插件并使用它添加边框(您仍然需要编写 CSS,但您可以在服务器上的 Java 文件中执行此操作,而不是在常规 CSS 文件)。
You could wrap the form with a Panel component, which has a border defined already. Otherwise, not much alternatives than just using CSS.
One option, if you wish to stay inside the server environment, is to use the CSSInject add-on and add the border using that (you still need to write CSS, but you can do it on the server in a Java file and not inside a regular CSS file).
指定 CSS
Vaadin Flow —
Style::set
用于在 Vaadin Flow(Vaadin 版本 10 及更高版本),您可以方便地以编程方式为小部件或布局设置 CSS。无需编辑单独的 CSS 文件,尽管建议使用 CSS 文件设置样式。getStyle
检索样式
对象。Style
对象上,调用set
传递 CSS 属性的名称和值。例如,我发现在嵌套布局上设置亮色边框对于调试非常有帮助。
您可以通过我对另一个 Vaadin 问题的回答中的屏幕截图来查看此操作:
Vaadin Flow —
Style::set
to specify CSSIn Vaadin Flow (Vaadin versions 10 and later), you can conveniently set CSS for a widget or layout programmatically. No need to edit separate CSS files, even though styling with CSS files is the recommended way.
getStyle
to retrieve theStyle
object.Style
object, callset
to pass the name and value of your CSS property.For example, I find setting a bright colored border on my nested layouts quite helpful for debugging.
You can see this in action with this screenshot on my Answer to another Vaadin question here: