У меня есть MenuBar, который настроен следующим образом в FXML:

<MenuBar VBox.vgrow="NEVER">
    <menus>
        <Menu mnemonicParsing="true" text="_File">
            <items>
                <MenuItem mnemonicParsing="true" text="_New Project"/>
                <MenuItem mnemonicParsing="true" text="_Open…"/>
                <MenuItem mnemonicParsing="false" text="Quit"/>
            </items>
        </Menu>
    </menus>
</MenuBar>

Это создает меню следующим образом:

Я успешно разработалMenuBar иMenu файл со следующим CSS:

.menu-bar { /* The menu bar itself */ }
.menu { /* The File menu item */ }
.menu:showing { /* menu when it's being shown (activated) */ }
.menu .label { /* Styles the text on a menu item */ }
.menu:showing .label { /* Styles the text on a menu item when activated */ }

Тем не менее, я не смог стилизовать меню, которое отображается.

Я пытался рассматривать его как ContextMenu:

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

Ничего не делает (это не ContextMenu, так что здесь нет ничего удивительного).

Я пробовал укладкуmenu-item а такжеmenu-button:

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

Это меняет меню (файл), но не пункты меню или меню, которое отображается.

Я пытался выбратьоснование называется.items но этого, кажется, не существует.

ВопросыКак выбрать / оформить меню (контейнер, который держитНовый проект, Открыть ..., Выйти)?Как выбрать / оформить каждый отдельный элемент MenuItem в меню?осветление

Чтобы прояснить, какие элементы я ищу в стиле, я добавил это изображение, которое обрисовывает в общих чертах компоненты, которые я хочу стилизовать: