Как заставить изображение заполнить всю кнопку JavaFX

Question

Я хочу, чтобы изображение помещалось на всю кнопку без лишних пробелов. Я пробовал это, но это не работает:

 .toggle-button {
 -fx-background-image: url("close.png");
 -fx-background-repeat: stretch;
 -fx-background-position: center center;
}

 .toggle-button:selected{
 -fx-background-image: url("contact.png");
}

Вот результат, который я получаю:

Как заставить эту выходную картинку (красный квадрат) заполнить всю кнопку?

Answer 1

Вам необходимо установить размер фона, в противном случае размер фона устанавливается равным нулю. Попробуйте следующее:

.toggle-button  {

    -fx-min-height: 132px;

    -fx-min-width: 128px;

    -fx-background-image: url("close.png");

    -fx-background-size: 100% 100%;

    -fx-background-repeat: no-repeat;

    -fx-background-position: center 8px;

}