如何从菜单项中删除阴影？

Question

问题

我有一个MenuItem默认情况下会使用投影进行初始化 - 我不想拥有它。我已经设置了一个css文件，但似乎无法弄清楚删除阴影所需的内容。

看看下面有一个相当难看的阴影？我希望整个菜单按钮为flat，不包含任何边框和阴影。

图像中各种不同元素的背景颜色为红色的原因是我尝试以不同的方式设计样式 - 背景颜色确实按照我预期的方式工作。

到目前为止我尝试了什么

.menu-item
{
    -fx-effect: null;
    -fx-drop-shadow: null;
}

其中一个属性似乎都没有影响我的计划结果。

我也尝试过设置菜单样式，但这只会影响实际的“插件”按钮。

此外

与我已经尝试过的相比，我似乎无法想到更好的解决方案。也许有人可以指出我正确的方向？

再次，我正在尝试使菜单项看起来flat。

Answer 1

您需要将效果添加到上下文菜单，例如

.menu-bar .context-menu {
    -fx-effect: null;
}

BTW：没有-fx-drop-shadow属性。