Java/React/Hilla - 行的 CSS 选择器不起作用

Question

我尝试在 Hilla 项目中设置我的网格样式，但是一行的 css 选择器不起作用。

具有 3 列的简单网格，有效

<Grid items={ingredients} selectedItems={selectedIngredients}
                  onActiveItemChanged={e =>{
                setSelectedIngredients(e.detail.value? [e.detail.value] : []);
                console.log(selectedIngredients);
            }}>
                <GridColumn path={"id"}></GridColumn>
                <GridColumn path={"name"}></GridColumn>
                <GridColumn path={"val"}></GridColumn>
</Grid>

然后我添加了一些 css 来设置组件的样式。 Hilla 文档引用了 vaadin 样式文档。 https://vaadin.com/docs/latest/components/grid/styling

选择器喜欢

vaadin-grid::part(row) {
    background-color: green;
}
vaadin-grid::part(selected-row) {
    background-color: green;
}

好像没有效果。但是可以通过

更改所选行的背景颜色

vaadin-grid::part(selected-row-cell) {
    background-color: yellow;
}

还可以在单元格级别添加悬停效果，但 ::part(row) 选择器没有效果。

我做错了什么？有什么解决方法吗？