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

사람들은 버튼의 배경 색상과 같은 기본 스타일 시트에 의해 사용됩니다.