JavaFX 按钮在悬停时底部增长 1 像素，如何禁用它的增长？答案

【问题标题】：JavaFX button grows 1 pixel bottom on hover, how can I disable it growing?JavaFX 按钮在悬停时底部增长 1 像素，如何禁用它的增长？
【发布时间】：2021-04-19 23:32:48
【问题描述】：

我对 JavaFX 有点陌生，我发现按钮样式存在问题，每当我悬停按钮时，它底部会增长 1 个像素，我想这是按钮的标准功能，但我想禁用它，尽管我不知道该怎么做。

这是一张你可以看到的图片：

显然红色关闭按钮比最小化按钮底部大 1 个像素（你看不到它，但我的鼠标悬停在红色按钮上）。

关于如何消除这种行为的任何想法？提前致谢！

编辑：这次减号按钮也有同样的问题：

编辑：按钮 CSS：

.windowbar-button {
    -fx-background-color: rgba(0, 0, 0, 0);
    -fx-background-radius: 0;
}
.windowbar-button:hover {
    -fx-background-color: #474748;
    -fx-cursor: hand;
}

.button-close:hover {
    -fx-background-color: #E81123;
}

windowbar-button 适用于两个按钮，button-close 仅适用于关闭按钮。

【问题讨论】：

您可以查看-fx-border-color: blue ;，看看您悬停时边框是否有变化。有时使用边框来增加一点深度。

标签： javafx

【解决方案1】：

我将 HBox 高度从 33 更改为 32，然后将两个按钮的高度设置为 32 并添加 -2 顶部边距，它得到了修复。就好像按钮从来没有真正垂直居中在 HBox 上，而是总是有一个 2 像素的顶部边距（尽管它们没有）。

【讨论】：

如果你做了一个可编译的例子，这可能是一个不错的问题/答案，并展示你用来解决问题的 css。就目前情况而言，有点清楚出了什么问题以及您做了什么。
@matt 我打算更新它，但我现在没有时间，因为我需要尽快完成我正在做的事情，明天我一定会尝试添加一个工作示例。跨度>