Vaadin 10,如何将 css 类添加到 Java 中的 div 元素?

标签 vaadin vaadin10

我正在尝试在这样的 UI 卡中创建一个用户列表,

<style type="text/css">
    .userbox {
        left: 36px;
        color: black;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
        width: 300px;
        height: 150px;
        text-indent: 30px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    }

    .userbox:hover {
        background-color: #d1e7cd;
    }

    img {
        border-radius: 5%;
    }
</style>

我想动态生成这些 HTML 元素,
<div class="userbox"></div>

我怎样才能做到这一点?我尝试创建 Div 对象并添加样式,但在 Vaadin Flow 中找不到方法。

最佳答案

这应该足够了:

Div div = new Div();
div.setClassName("userbox");

关于Vaadin 10,如何将 css 类添加到 Java 中的 div 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51922319/

相关文章:

java - 如何使用 Spring Security 保护 Vaadin 流应用程序

html - Vaadin 标签对齐

javascript - 无法在 Vaadin 网站上嵌入 Javascript 应用程序

authentication - Vaadin 身份验证最佳实践

css - 如何覆盖 vaadin 元素的样式?

java - Vaadin 和自定义 Gwt Widget - 设置小部件语言

java - 使用水平布局的 Vaadin 图标和标签不在一行中

layout - 在 Vaadin 10 Flow 中替换 Vaadin 8 框架中的 `AbsoluteLayout`?

java - 如何将(浏览器)自动完成功能与 Vaadin 10 TextField 一起使用