css：如何在选择并单击后更改表的行颜色

Question

选择行时我有.css，这很好。

然而，当我点击该行时，它会用黑色字体更改行颜色灰色，有没有办法编辑此CSS？

.table-view {
    -fx-base: transparent;
    -fx-control-inner-background: transparent;
    -fx-background-color: #507CA6;
    -fx-padding: 5;
}

.table-view .column-header-background {
    -fx-background-color: transparent;
}

.table-view .column-header, .table-view .filler {
    -fx-size: 35;
    -fx-border-width: 0 0 1 0;
    -fx-background-color: transparent;
    -fx-border-color: #B4D9FD;
    -fx-border-insets: 0 10 1 0;
}

.table-view .column-header .label {
    -fx-font-size: 14pt;
    -fx-font-family: "Segoe UI Light";
    -fx-text-fill: white;
    -fx-alignment: center-left; 
    -fx-opacity: 1;
}

.table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: #273D51;
}

任何帮助都将不胜感激。

Answer 1

试试这个：

/* When control is selected but not focused */
.table-row-cell:filled:selected,
.table-row-cell:filled > .table-cell:selected {
    -fx-background: red;
}

Answer 2

首先创建选定的类而不是使用此脚本，我总是使用此 $（“tr”）。click（function（）{     $（本）.addClass（ “选择”）的兄弟姐妹（）removeClass（ “选择”）。。 }）;