JavaFX TableView选中行时复选框背景及边框颜色的CSS修改方法

你当前的CSS已经实现了选中行的背景色，但没覆盖边框和复选框的默认蓝色样式，补充以下CSS规则即可统一颜色：

1. 修改选中行的边框颜色 #

添加边框相关属性，替换默认的蓝色边框：

.table-row-cell:selected {
    -fx-background-color: rgb(180, 228, 156);
    /* 设置行边框颜色与背景色一致 */
    -fx-border-color: rgb(180, 228, 156);
    /* 修复单元格之间的分隔线颜色 */
    -fx-table-cell-border-color: rgb(180, 228, 156);
}

.table-row-cell:selected .text {
    -fx-fill: black;
}

2. 修改复选框的选中样式 #

针对行选中状态下的复选框，覆盖其默认蓝色样式：

/* 行选中时，复选框未选中状态的盒子样式 */
.table-row-cell:selected .check-box .box {
    -fx-background-color: white;
    -fx-border-color: #ccc;
}

/* 行选中时，复选框选中状态的盒子背景与边框 */
.table-row-cell:selected .check-box:selected .box {
    -fx-background-color: rgb(180, 228, 156);
    -fx-border-color: rgb(180, 228, 156);
}

/* 行选中时，复选框的勾选标记颜色 */
.table-row-cell:selected .check-box:selected .mark {
    -fx-background-color: black;
}

将以上代码合并到你的CSS文件中，就能让选中行的边框、复选框样式与背景色保持统一，不再出现蓝色残留。

内容的提问来源于stack exchange，提问作者ltone