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

【问题标题】：JavaFX ListView and TableView CSS for non focused selection用于非焦点选择的 JavaFX ListView 和 TableView CSS
【发布时间】：2017-09-21 03:30:35
【问题描述】：

我的样式表中实际上什么都没有，但是

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

我想改变这个颜色。是表格不再聚焦时所选行的颜色。

找了一阵子，除了这个，我几乎找到了所有东西。

【问题讨论】：

标签： java css listview javafx

【解决方案1】：

这两个选择器应该为ListViews 做：

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

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

要在TableViews 中具有相同的颜色（单元格和行选择），您可以添加更多选择器：

.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。

结果：

【讨论】：

-fx-selection-bar 与重音具有相同的效果。但那个灰色保持不变。
它只适用于我的 ListViews，由于某种原因 TableView 忽略了它。
@WesosdeQueso：我刚看了标题，没注意到图片上有TableViews。更新了答案。