java - 样式化 vaadin-input-container

Question

如何通过通用 css 在 Vaadin Flow v.22 vaadin-input-container 中设置新元素的样式？

@CssImport(value = "./themes/mystyle/components/vaadin-input-container.css", themeFor = "vaadin-input-container")

和

[part="input-field"] {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
  background-color: var(--lumo-base-color);
}

不行。

谢谢！

Answer 1

vaadin-input-container本身就是[part="input-field"]，ie[part="input-field"]不是子的vaadin-input-container。因此，您需要使用:host 作为选择器。

:host {
   box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
   background-color: var(--lumo-base-color);
}