如何從菜單項中刪除陰影？

Question

問題

我有一個MenuItem ，默認情況下會使用陰影對其進行初始化，而我寧願沒有。 我已經設置了一個css文件，但是似乎無法弄清楚刪除陰影的必要條件。

看到下面有一個相當丑陋的陰影嗎？ 我希望整個菜單按鈕是平坦的 ，不包含邊框和陰影。

圖像中各種不同元素的背景顏色為紅色的原因是由於我嘗試了不同的樣式設置-背景顏色確實按照我期望的方式工作。

到目前為止我嘗試過的

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

這兩個屬性似乎都不影響我程序的結果。

我也嘗試過設置菜單的樣式，但這似乎只是用來設置實際的“插件”按鈕的樣式。

此外

與我已經嘗試過的解決方案相比，我似乎想不出任何更好的解決方案。 也許有人可以指出我正確的方向？

我再次嘗試使菜單項看起來平坦 。

Answer 1

您需要將效果添加到上下文菜單，例如

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

順便說一句：沒有-fx-drop-shadow屬性。