Css 按钮更改悬停和聚焦时的大小

我创建了新的css文件以应用于我的按钮。此外，在场景生成器中，我在文本选项中更改了文本大小和颜色。按钮正确地改变了它的外观，但现在当我在它周围悬停或改变焦点时，它会改变它的大小（当按钮聚焦时，它会变小，当它不聚焦时，它会变大，除非你将鼠标悬停在它上面）。为什么呢？是因为一些默认的按钮行为吗？如果是，我如何禁用它

这是我的css代码，非常简单：

.button1 {
    -fx-background-color: #4CAF50; /* Green */
    -fx-border: none;
    -fx-padding: 15px 32px;
    -fx-text-align: center;
    -fx-text-decoration: none;
    -fx-display: inline-block;
    -fx-font-weight: bold;
}

---

为悬停和聚焦写这篇文章

.button1:hover,  .button1:focus{
        -fx-background-color: #4CAF50; /* Green */
        -fx-border: none;
        -fx-padding: 15px 32px;
        -fx-text-align: center;
        -fx-text-decoration: none;
        -fx-display: inline-block;
        -fx-font-weight: bold;
    }

---

JavaFX中没有

-fx display:inline block

或

-fx text decoration

或

-fx text align

或

-fx border

等属性。因此，不管您遇到了悬停和焦点大小调整问题，您可能还有其他问题。有关可接受的文档化属性的列表，请参阅。要更改颜色，我建议在样式类中设置

-fx base

，您可以在中找到定义。该问题已标记，并且您在回答中使用的许多CSS属性在JavaFX CSS中不可用。