JavaFX TableView选中时修改背景色，高亮残留蓝色线条问题

嘿，我来帮你搞定这个烦人的蓝色线条！你遇到的这个问题，大概率是因为默认的选中单元格边框或者选中区域边框还保留着蓝色样式——虽然你已经改了背景色，但这些边框属性没覆盖到。

试试把下面这些CSS规则加到你的样式里，应该就能解决：

1. 覆盖选中行的单元格边框 #

在你现有的.table-view .table-row-cell:selected规则里，加上边框相关属性，把颜色改成和你的背景色一致或者透明：

.table-view .table-row-cell:selected {
    -fx-body-color: #CEDAE3;
    -fx-background-color: #CEDAE3;
    -fx-text-fill: black;
    /* 把单元格边框颜色改成和背景色一致，消除蓝色线条 */
    -fx-table-cell-border-color: #CEDAE3;
    /* 额外保险：设置行的边框颜色 */
    -fx-border-color: #CEDAE3;
}

2. 去掉TableView的选中区域边框 #

在.table-view的规则里，加上-fx-selection-bar-border属性，把它设为透明：

.table-view {
    -fx-faint-focus-color: transparent;
    -fx-focus-color: transparent;
    /* 移除选中区域的默认蓝色边框 */
    -fx-selection-bar-border: transparent;
}

3. 处理聚焦状态下的选中行样式 #

有时候TableView处于聚焦状态时，选中行还会有额外的边框样式，所以可以专门针对这种情况设置：

.table-view:focused .table-row-cell:selected {
    -fx-border-color: #CEDAE3; /* 或者直接设为transparent */
}

为什么这样有效？ #

默认情况下，JavaFX的TableView选中行时，-fx-table-cell-border-color和-fx-selection-bar-border这两个属性是蓝色的，就算你改了背景色，这些边框还是会显示出来。把它们改成和你的背景色#CEDAE3一致，或者直接设为透明，就能让那条蓝色线条消失啦。

你可以先加第一部分的规则试试，如果还有残留，再加上后面的属性，一般来说这样就能彻底解决问题了。

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