启用排序时的JavaFX Tableview标头颜色

Question

我正在尝试更改标题的颜色，但是每次我通过单击列标题之一对行进行排序时，都会变成这样：

我如何将“排序箭头”背景涂成蓝色，以便整个标题变成蓝色而箭头变成白色？感谢您的帮助。

编辑1

通过使用@xtractic代码，我设法得到了我想要的东西：

Answer 1

以下是一些有用的CSS可以帮助您：

/** color everything under the column header */
.table-view .column-header * {
    -fx-background-color: blue;
}

/** color the arrow */
.table-view .column-header .arrow {
    -fx-background-color: black;
}

/** color the column header text */
.table-view .column-header .label {
    -fx-text-fill: white;
}

/** add slight dividers between headers */
.table-view .column-header {
    -fx-border-color: white;
    -fx-border-width: .1
}

/** color the scroll bar background and thumb */
.table-view .scroll-bar {
    -fx-background-color: white;
}
.table-view .scroll-bar .thumb {
    -fx-background-color: blue;
}