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 开发人员文档。不是带有Shadow DOM 的特定 Vaadin 制作组件（您需要在组件文件夹中使用 vaadin-*.css）。

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