为了账号安全,请及时绑定邮箱和手机立即绑定

TableView 的样式如何?

TableView 的样式如何?

HUWWW 2023-08-23 11:46:45
如图所示,问题出在表格的右下角。我想将白色方块的颜色更改为蓝色,但我做不到。我尝试设计样式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;}
查看完整描述

1 回答

?
慕尼黑的夜晚无繁华

TA贡献1864条经验 获得超6个赞

角框是用 styleClass“corner”定义的。您需要覆盖 tableView 的以下 css 实现:

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


查看完整回答
反对 回复 2023-08-23
  • 1 回答
  • 0 关注
  • 122 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信