css - メニュー ボタンとメニュー項目のスタイルを設定する方法

Question

メニューボタンのスタイルを変えてみました。メニューボタンのスタイルは変更できましたが、メニュー項目は変更できませんでした。メニューボタン内のメニュー項目を何を試しても変更されません。

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

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

取り残されている色を変更するにはどうすればよいですか??

Answer 1

MenuButton内部で使用Menuされ、同様の API があります。のようにs リストをMenuButton含むような方法で。したがって、caspian.cssのおよびCSS セレクターを試してみる必要があると思います。より具体的には.MenuItemMenu.menu.menu-button.menu-item.menu-item

編集:.context-menu menuButton のポップアップ メニューは ContextMenu であるため、変更する必要があるようです。

.menu-item .label {
    -fx-text-fill: white;
}

.menu-item:focused {
     -fx-background-color: darkgray;
}

.menu-item:focused .label {
    -fx-text-fill: blue;
}

.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: black;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
/*    -fx-padding: 0.666667em 0.083333em 0.666667em 0.083333em;  8 1 8 1 */
    -fx-padding: 0.333333em 0.083333em 0.666667em 0.083333em; /* 4 1 8 1 */
}