Question

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

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

我不知道怎么做！

Answer 1

您必须添加一个CSS样式表来修改TableView的ContextMenu。根据您使用的表格视图，删除＆＃39; tree＆＃39;或没有＆＃39;树＆＃39;行：

.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;
}

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

1 个答案: