Стилизация контекстного меню JavaFx с помощью css - цвет фона на всю ширину - PullRequest
Новая
       28

Стилизация контекстного меню JavaFx с помощью css - цвет фона на всю ширину

0 голосов
/ 07 декабря 2018

Я хочу оформить свое контекстное меню, но не могу избавиться от белой области между пунктом меню и границей контекстного меню, см. Пример. визуализированное контекстное меню со стилями css

Я хочу, чтобы этот цвет заполнял всю область вплоть до границы контекстного меню, как это ожидаемый стиль

Мои стили css 

.context-menu {
    -fx-background-color: #FFFFFF;
    -fx-effect: null;
    -fx-border-color: #D6D9DF;
    -fx-border-width: 0.5;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-background-insets: 0, 1;
}

.menu-item {
    -fx-padding: 0;
    -fx-pref-height: 28px;
}

.context-menu .separator {
    -fx-padding: 0;
}

.menu-item .label {
    -fx-font-size: 12px;
    -fx-padding: 6 16 8 12;
    -fx-text-fill: #2D3845;
}

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

.menu-item:hover {
    -fx-background-color: #EAECEF;
}

.menu-item:pressed  {
    -fx-background-color: #D6D9DF;
}

1 Ответ

0 голосов
/ 13 декабря 2018

вы пытались добавить 

yourcontextmenuname.getStyleClass().remove("context-menu");

, а затем измените свой CSS, чтобы ссылаться на yourcontextmenuname по идентификатору.Если это не работает, проделайте то же самое с пунктом меню.

...