用于非焦点选择的JavaFX ListView和TableView CSS

Question

我的样式表中没有任何内容，但

.root {
    -fx-accent: #a9d5f9;
}

我想改变这种颜色。当表格不再聚焦时，是选定行的颜色。

一直在寻找一段时间，除了这一点，我发现了很多东西。

Answer 1

这两个选择器应该为ListView s：

执行此操作

.list-cell:filled:selected {
    -fx-background: orange;
}

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background: -fx-selection-bar;
}

要在TableView s（单元格和行选择）中使用相同的着色，您可以添加更多选择器：

.table-row-cell:filled:selected,
.tree-table-row-cell:filled:selected,
.table-row-cell:filled > .table-cell:selected,
.tree-table-row-cell:filled > .tree-table-cell:selected,
.list-cell:filled:selected {
    -fx-background: orange;
}

.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled:selected,
.tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell:filled:selected,
.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell .table-cell:selected,
.tree-table-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-table-row-cell .tree-table-cell:selected ,
.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected {
    -fx-background: -fx-selection-bar;
}

注意：这些选择器甚至定位TreeTableViews。

结果：