Question

我创建了新的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;
}

Answer 1

将其写为悬停和焦点

.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;
    }

按钮在悬停和焦点上更改大小

1 个答案: