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類。 這樣它就不會互相覆蓋。