TableView的样式如何？

Question

如图所示，问题出在表的右下角。我想将白色方块的颜色更改为蓝色，但是我不能。我试图设置ScrollPane的样式，但似乎没有用。白色方块的样式是否受ScrollPane控制？

CSS：

/*******************************************************************************
 *                                                                             *
 * ScrollPane                                                                  *
 *                                                                             *
 ******************************************************************************/
.scroll-pane{
    -fx-background-color: #30466B;
}
.scroll-pane > .viewport {
    -fx-background-color: #30466B;
}
.scroll-pane > .scroll-bar:horizontal {
    -fx-background-insets: 0 1 1 1, 1;
    -fx-padding: 0 1 0 1;
    -fx-background-color: #30466B;

}
.scroll-pane > .scroll-bar:horizontal > .increment-button,
.scroll-pane > .scroll-bar:horizontal > .decrement-button {
    -fx-padding: 0.166667em 0.25em 0.25em  0.25em; /* 2 3 3 3 */
    -fx-background-color: #30466B;

}
.scroll-pane > .scroll-bar:vertical > .increment-button,
.scroll-pane > .scroll-bar:vertical > .decrement-button {
    -fx-padding: 0.25em 0.25em 0.25em 0.166667em; /* 3 3 3 2 */
    -fx-background-color: #30466B;

}
.scroll-pane > .scroll-bar:vertical {
    -fx-background-insets: 1 1 1 0, 1;
    -fx-padding: 1 0 1 0;
    -fx-background-color: #30466B;

}
.scroll-pane > .corner {
    -fx-background-color: #30466B;
    -fx-background-insets: 0 1 1 0;

}
/* new styleclass for edge to edge scrollpanes that don't want to draw a border */
.scroll-pane.edge-to-edge,
.tab-pane > * > .scroll-pane {
    -fx-background-color: #30466B;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
.scroll-pane.edge-to-edge > .scroll-bar,
.tab-pane > * > .scroll-pane > .scroll-bar,
.titled-pane > .content > .scroll-pane > .scroll-bar {
    -fx-background-insets: 0;
    -fx-padding: 0;
    -fx-background-color: #30466B;

}
.scroll-pane.edge-to-edge > .scroll-bar > .increment-button,
.scroll-pane.edge-to-edge > .scroll-bar > .decrement-button,
.tab-pane > * > .scroll-pane > .scroll-bar > .increment-button,
.tab-pane > * > .scroll-pane > .scroll-bar > .decrement-button,
.titled-pane > .content > .scroll-pane > .scroll-bar > .increment-button,
.titled-pane > .content > .scroll-pane > .scroll-bar > .decrement-button {
    -fx-padding: 0.25em; /* 3px */
    -fx-background-color: #30466B;

}

Answer 1

角盒由styleClass“ corner”定义。您需要为tableView覆盖以下CSS实现：

.table-view > .virtual-flow > .corner {
    -fx-background-color: derive(-fx-base,-1%);
}