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;

}

Answer 1

角框是用 styleClass“corner”定义的。您需要覆盖 tableView 的以下 css 实现：.table-view > .virtual-flow > .corner {     -fx-background-color: derive(-fx-base,-1%); }