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