Ändern Sie die Art der javafx Spinner Tasten mit CSS

Question

Ich versuche, den Stil der javafx Spinner mit einem CSS-Stylesheet zu ändern.

Wenn ich jedoch die Farbe ändere, kann ich nur die Farbe des Textfelds ändern, und die Pfeilschaltflächen neben dem Spinner sehen immer noch wie der Standard aus.

Wie kann ich die Farbe dieser Tasten auch ändern?

Answer 1

Set der -fx-body-color, die als Hintergrund für die Schaltflächen verwendet wird:

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

Diese werden durch den Standard-Stylesheet als die Schaltfläche Hintergrundfarbe verwendet.