java - Vaadin 标签 CSS

Question

我想为 Vaadin 23 标签应用 CSS，但它无法正常工作。请建议我适当的流程。

Label label1 = new Label("Temp");
label1.addClassName("bold-label");

vaadin-label.css:

:host(.bold-label) [part~="label"] {
    font-weight: bold;
    color:red;
}

Answer 1

Label 是标准的 HTML 元素。参见 Mozilla Developer documentation .不是带有 shadow DOM 的特定 Vaadin 制作组件(组件文件夹中需要 vaadin-*.css 的位置)。

相反，您可以将 css 放在 styles.css 中并使用简单的 label.bold-label 选择器。