CSSを使用してjavafxスピナーボタンのスタイルを変更

Question

CSSスタイルシートを使用してjavafxスピナーのスタイルを変更しようとしています。

しかし、色を変更すると、テキストフィールドの色と矢印ボタンの色を変更することができますが、デフォルトのように見えます。

これらのボタンの色も変更できますか？

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%); 
} 

ものは、ボタンの背景色として、デフォルトのスタイルシートで使用されています。