如果未选择行，如何在Vaadin 8网格中设置单元格颜色

Question

我有：

grid.addColumn(...).setStyleGenerator(item -> "myCssDefinition");

myCssDefinition是：

.v-grid-cell.myCssDefinition 
{
    color: red;
}

这很有效，除非它在选择行时几乎无法读取文本。

因此，我的问题是如何才能更改样式，或者我如何编辑样式本身，以便在未选择行时字体颜色仅为红色，以及何时＃39 ; s选中我只想使用默认的Vaadin主题样式。

Answer 1

您可以使用以下CSS将样式应用于仅未选定的行。

:not(.v-grid-row-selected) > .v-grid-cell.myCssDefinition {
    color: red;
}