当单元格被聚焦时，删除JavaFX TableView中的网格线[那个青色的]

Question

我希望在聚焦时更改TableView单元格的青色线条的颜色，我已经管理到现在用TableView修改整个css但是这个似乎是是黑魔法，我找不到如何改变。

我知道this问题虽然它只在细胞没有聚焦时才会移除网格线。

以下是想要拥有这种风格的人的css :)：

.table-view{
   -fx-background-color: #202020;
   -fx-table-cell-border-color: transparent;
}

.table-view:focused{
    /*-fx-background-color: transparent;*/
}


.table-view .column-header {
     -fx-background-color: transparent;
     -fx-border-color:transparent white transparent transparent;
     -fx-border-width:0.1;
} 

.table-view .column-header-background{
    -fx-background-color: linear-gradient(#131313 0.0%, #424141 100.0%);
}

.table-view .column-header-background .label{
    -fx-background-color: transparent; 
    -fx-font-weight:bold;
    -fx-text-fill: white;
}

.table-view .table-column{
    -fx-alignment:center;
}


/* .table-row-cell */

.table-row-cell:disabled{
    -fx-opacity:0.5;
    -fx-background-color:darkgray;    
}

.table-row-cell:disabled .text{
    /*-fx-strikethrough:  true ;*/
} 

.table-row-cell .text{
    -fx-font-weight:bold;
    -fx-fill: white ;
} 

/*.table-row-cell:focused .text {
     -fx-fill: white ;
} */

.table-row-cell:hover .text , .table-row-cell:selected .text{
     -fx-fill: white ;    
}

.table-row-cell:hover:selected .text,.table-row-cell:focused:selected .text{
    -fx-fill:rgb(173.0,255.0,10.0);
}


/*.table-row-cell:focused{
    -fx-background-color:firebrick;
}*/

.table-row-cell:focused:disabled{ 
    -fx-background-color:darkgray;
}

.table-row-cell:hover , .table-row-cell:selected{
    /*-fx-background-color:rgb(0.0,191.0,255.0);*/
     -fx-background-color:firebrick;
}


.table-row-cell{
    -fx-background-color: #202020;
    -fx-background-insets: 0.0, 0.0 0.0 0.0 0.0;
    -fx-padding: 0.0em;
}

Answer 1

这也困扰了我。

.table-row-cell{ 
    -fx-table-cell-border-color: transparent;
}

这应该可以胜任。