css - 如何设置菜单按钮和菜单项的样式

Question

我试图改变菜单按钮的样式。我可以更改菜单按钮样式，但不能更改其菜单项。 无论我尝试什么，菜单按钮内的菜单项都保持不变。

.menu-button {
 -fx-background-color:black;
}

.menu-button .label {
 -fx-background-color:black; }

现在我怎样才能改变遗漏的颜色？？

Answer 1

MenuButton 在内部使用 Menu 并具有类似的 API。以这种方式，MenuButton 包含 MenuItem 列表，就像 Menu 一样。所以我认为您需要尝试在 caspian.css 中使用 .menu、.menu-button 和 .menu-item CSS 选择器。更具体地说是 .menu-item。

编辑:看来您也需要更改 .context-menu，因为 menuButton 的弹出菜单是 ContextMenu。

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

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

.menu-item:focused .label {
    -fx-text-fill: blue;
}

.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: black;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
/*    -fx-padding: 0.666667em 0.083333em 0.666667em 0.083333em;  8 1 8 1 */
    -fx-padding: 0.333333em 0.083333em 0.666667em 0.083333em; /* 4 1 8 1 */
}