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%);
}