1

我正在尝试通过 CSS 更改 Javafx 中菜单栏和菜单项的背景颜色。我已经设法改变了菜单栏和菜单的颜色，但是菜单项有一个奇怪的问题：改变背景颜色后，顶部和底部总是有一个白色边框。这是我的 CSS 代码：

.menu-bar {
  -fx-background-color: green;
}

.menu-bar .menu-button:hover, .menu-bar .menu-button:focused, .menu-bar .menu-button:showing {
    -fx-background: -fx-accent;
    -fx-background-color: darkgreen;
    -fx-text-fill: -fx-selection-bar-text;
}

.menu-item {
  -fx-background-color: darkgreen;
}

这是错误的图片： 图片（抱歉，我无法发布图片，因为这是我的第一篇文章，我的声誉太少了......）

我认识到，如果我添加这些代码行，底部的边框会变大（！）：

.menu-item {
  -fx-background-color: darkgreen;
  -fx-padding: 0em 0em 0em 0em;
}

所以显然它与填充有关，但我真的不知道是什么......

4

1 回答 1

3

单击菜单时出现的弹出窗口是ContextMenu具有并显示 MenuItems 的。样式化菜单项是不够的，它们的父/容器也应该样式化：

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

PS由于该论坛网站的授权，您链接的图像无法显示。

于 2013-10-14T16:13:26.183 回答