如何在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. 提取默认的样式表，modena.css从jfxrt.jar文件并查看默认的样式是如何定义的（你也可以找到modena.css在线）
2. 使用ScenicView检查你的应用程序时，它的运行

在这种情况下，我使用了ScenicView;您需要的CSS是

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