JavaFX css菜单边框颜色错误

Question

我有一个 JavaFX 应用程序，有一个菜单栏，有 3 个菜单，每个菜单项有几个。

更改 MenuBar/Menus/MenuItems 的颜色后，我有这些更亮的条（在“Unterstützte Melder”下方和“Daten laden”上方）

我希望它们具有与 MenuItems 背景颜色相同的颜色，我认为那些是边框或阴影，但我没有设法将它们设置为 0 或删除它们。

我使用 CSS 来设置所有组件的样式

CSS 文件：

.menu-item .label {
    -fx-font-size:14.0px;
    -fx-text-fill: white;
}

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

.context-menu {
    -fx-background-color: #8a8a8a;
}

#override:focused .label {
    -fx-text-fill: #ff8800;
}

#override .label {
    -fx-text-fill: #ff8800;
}

.menu-bar {
    -fx-background-color: #5c5c5c;
}

.button {
     -fx-background-color: #CCCCCC;
}

.menu .label {
    -fx-text-fill: white;
}

.menu-item {
     -fx-background-color: #5c5c5c;
    
}

.menu {
 -fx-background-color: #5c5c5c;
}

.menu:hover {
 -fx-background-color: darkgray;
}

Answer 1

如果您同时在场景中有 1 个context-menu ：

通过将此代码添加到样式表中，我成功地将Menu节点的背景颜色更改为红色：

.context-menu {
    -fx-background-color: #ff0000;     
    -fx-border-color:  #ff0000;        
}

我想您正在将样式表附加到.fxml文件，如果没有，您可以通过在 SceneBuilder 中指定路径来完成：

如果您同时在场景中有 2 个context-menu ：

只需指定2 个样式表，然后将它们分别附加到不同的MenuBar节点，如上面的屏幕截图所示。 在每个样式表中指定具有所需属性.context-menu类。 这样它就不会互相覆盖。