Javafx css按钮图形调整大小[重复]

我想更改按钮内图标的大小。 图像的尺寸为 512 x 512，我想调整为 16x16。 那么，使用 javaFX CSS 实现此目的的最佳方法是什么。

这是我到目前为止所做的：

#btnCancel.button {
    -fx-graphic: url("/img/close.png") ;
    -fx-graphic-size:16px 16px ; ( I think this property not exist in javafx css)

}

但这对我不起作用。

我不知道有任何CSS 属性可以直接使用来设置-fx-graphic的大小，但您可以使用以下方法获得类似的结果-fx-background-image财产。这将允许您使用设置宽度和高度值-fx-background-size.

您可以访问BackgroundSize的 javadoc 来自这个链接 https://docs.oracle.com/javase/8/javafx/api/javafx/scene/layout/BackgroundSize.html

.logButton {
    /*
    -fx-graphic: url(images/log2.png);
    -fx-graphic-size:16px 16px;
    */
    -fx-background-image: url(images/log2.png);
    -fx-background-size: 64px 64px;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}

查看实际操作

Using -fx-graphic

Using -fx-background-image with -fx-background-size