css - Javafx TableView tabelmenubutton CSS 样式表

Question

通过在我的表格 View 上设置 setTableMenuButtonVisible(true)，我可以在右上角看到一个带有“+”符号的按钮，您可以在其中选择显示/隐藏列。我希望使用样式表来更改背景颜色以及标签颜色等，但没有任何效果。我尝试了以下方法:

.button
.toggle-button,
.menu-button {
   -fx-background-color: black;
}

Answer 1

一如既往，当涉及到 JavaFX 样式时，我建议使用 Oracle 文档以查看控件的构成(在您的情况下为 TableView 并搜索 Modena.css 中每个元素的默认样式(自 JavaFx 8 以来的默认样式表)。知道设置表格菜单按钮的样式很容易:

/**
 * For styling only the "+" button on the right top corner
 */
 .table-view > .column-header-background > .show-hide-columns-button {
    -fx-background-color: black;
}


/**
 * In order to style any other column header's background
 */
.table-view .column-header {
    -fx-background-color : yellow;
}


/**
 * For styling column header's labels
 */
.table-view .column-header .label {
    -fx-text-fill : green;
}