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

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