JavaFX MenuButton 仅作为具有 MenuButton 功能的图形或图标

Question

我添加了一个 MenuButton 并为其图形分配了一个图标。每当我将鼠标悬停在图形上时，颜色就会从黑色变为蓝色。问题是，我不需要精确地将鼠标悬停在图形上即可打开菜单。如果我点击任何标有红点的地方，选项就会出现在下面。

我环顾四周并设法使用以下 CSS 删除了尽可能多的东西:

#menubutton {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: transparent;
    -fx-padding: 0;
}
#menubutton > .arrow-button {
    -fx-background-color: transparent;
    -fx-padding: 0;
}
#menubutton > .arrow-button > .arrow {
    -fx-background-color: transparent;
    -fx-padding: 0;
}

但是如果点击这些地方仍然打开菜单选项，那么图标和按钮边框之间似乎还有一些空间。 In this example you can see the space more clearly.

有没有一种方法可以删除该空格或为图标提供 MenuButton 的功能，而无需按钮本身？

附言其他图标工作正常，因为它们是独立的，而不是作为按钮中的图形。

Answer 1

您还需要关闭菜单按钮内标签的填充。

#menubutton > .arrow-button,
#menubutton > .label{
    -fx-background-color: transparent;
    -fx-padding: 0;
}