Question

我想为上下文菜单设置样式，但无法摆脱菜单项和上下文菜单边框之间的空白区域，请参见示例。 rendered context menu with css styles

我希望这种颜色将整个区域过滤到上下文菜单边界，像这样 ecpected styling

我的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;
}

Answer 1

您是否尝试添加

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

，然后更改您的CSS以通过ID引用您的上下文菜单名称。如果不起作用，请对菜单项执行相同操作。

使用CSS的JavaFx上下文菜单样式-全宽背景色

1 个答案: