如何在JavaFX中设置FXTable的TableMenuButton上下文菜单的背景和文本颜色的样式？

Question

当我们在FXTable上启用TableMenuButton时，我们将获得一个上下文菜单，该菜单可以显示和隐藏colomuns。

知道我的桌子确实有特定的样式后，我想重新设置此上下文菜单的背景颜色和文本颜色。

我不知道！

Answer 1

您必须添加一个CSS样式表来修改TableView的ContextMenu。 根据您使用的表视图，删除“ tree”行或不包含“ tree”行：

.table-view .column-header .context-menu,
.tree-table-view .column-header .context-menu,
.table-view > .column-header-background > .show-hide-columns-button .context-menu,
.tree-table-view > .column-header-background > .show-hide-columns-button .context-menu {
    -fx-background-color: black;
}

如果要更改菜单项的背景色：

.table-view .column-header .context-menu .menu-item,
.tree-table-view .column-header .context-menu .menu-item,
.table-view > .column-header-background > .show-hide-columns-button .context-menu .menu-item,
.tree-table-view > .column-header-background > .show-hide-columns-button .context-menu .menu-item {
    -fx-background-color: green;
}

如果要更改菜单项标签的颜色：

.table-view .column-header .context-menu .menu-item > .label,
.tree-table-view .column-header .context-menu .menu-item > .label,
.table-view > .column-header-background > .show-hide-columns-button .context-menu .menu-item > .label,
.tree-table-view > .column-header-background > .show-hide-columns-button .context-menu .menu-item > .label {
    -fx-text-fill: yellow;
}