css - 如何在 CSS 中设置 JavaFX SplitMenuButton 的样式

Question

我尝试在 JavaFX 中设置 SplitMenuButton 的样式。我的 fxml 文件中有一个 menuButton 和一个 SplitMenuButton。

我的 CSS 文件如下所示:

.menu-button {
    -fx-background-color: red;
    }

.split-menu-button .label {
    -fx-background-color: green;
    }

.split-menu-button .arrow {
    -fx-background-color: yellow;
    }

但我不知道如何为 SplitMenuButton 的箭头周围区域设置样式。试了好几种方法都没用

.split-menu-button .menu-button {
    -fx-background-color: blue;
    }

.split-menu-button .menu-button .label {
    -fx-background-color: blue;
    }

.split-menu-button .menu{
    -fx-background-color: blue;
    }

.split-menu-button .menu-item {
    -fx-background-color: blue;
    }

.split-menu-button .button {
    -fx-background-color: blue;
    }

.split-menu-button .menu-bar {
    -fx-background-color: blue;
    }

Answer 1

有两种有用的技术可以确定复杂组件的各个部分的样式类，如下所示:

1. 从 jfxrt.jar 文件中提取默认样式表 modena.css 并查看默认样式是如何定义的(您也可以在线查找 modena.css)
2. 使用ScenicView在应用程序运行时检查它

在本例中，我使用了 ScenicView；你需要的CSS是

.split-menu-button .arrow-button {
    -fx-background-color: yellow ;
}