Изменить стиль кнопок javafx spinner с помощью css

Question

Я пытаюсь изменить стиль счетчика javafx, используя таблицу стилей css.

Однако при изменении цвета я могу изменить цвет текстового поля, а кнопки со стрелкой в ​​сторону прядильника по-прежнему выглядят как по умолчанию.

Как изменить цвет этих кнопок?

Answer 1

Установите -fx-body-color, который используется в качестве фона для кнопок:

.spinner .increment-arrow-button, 
.spinner .decrement-arrow-button { 
    -fx-body-color: yellow; 
} 

.spinner .increment-arrow-button:hover, 
.spinner .decrement-arrow-button:hover { 
    /* interpolate color between yellow and red based on first color brightness */ 
    -fx-body-color: ladder(#444, yellow 0%, red 100%); 
} 

.spinner .increment-arrow-button:hover:pressed, 
.spinner .decrement-arrow-button:hover:pressed, 
.spinner .increment-arrow-button:pressed, 
.spinner .decrement-arrow-button:pressed { 
    /* interpolate color between yellow and red based on first color brightness */ 
    -fx-body-color: ladder(#AAA, yellow 0%, red 100%); 
} 

Те используются таблицы стилей по умолчанию в качестве фонового цвета кнопки.