如何在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;
}