Как изменить ширину кнопки для JavaFX Spinner с помощью CSS?

Question

Я хочу изменить ширину для увеличения и уменьшения кнопок со стрелками в JavaFX 11 (не изменять макет).Я попробовал следующий CSS, но это не работает

.spinner .increment-arrow-button {
    -fx-pref-width: 50px;
}

Этот работает, однако он растягивает стрелку сам.Я бы хотел изменить размер кнопки, а не глифа.

.spinner .decrement-arrow-button .decrement-arrow {
    -fx-pref-width: 50px;
}

Установка минимальной / максимальной ширины тоже ничего не меняет.

Answer 1

Попробуйте поиграться с -fx-padding для следующих классов стилей

Следующее уменьшает ширину кнопок и стрелок

.spinner .increment-arrow-button { 
    -fx-padding: 1 2 1 2; /*caspian.css values are 4 8 4 8 */
}
.spinner .decrement-arrow-button {    
    -fx-padding: 1 2 1 2; /*caspian.css values are 3 8 6 8 */
}


.spinner .increment-arrow-button .increment-arrow {
    -fx-padding: 2 3 2 3;    /*caspian.css values are 2 4 2 4 */
}
.spinner .decrement-arrow-button .decrement-arrow {
    -fx-padding: 2 3 2 3; /*caspian.css values are 2 4 2 4 */
}

Возможно, вам придется увеличить отступ слеваи вправо сделать кнопки шире.