javafxスクロールバーの親指の太さをCSSでカスタマイズする方法は？

Question

向きが水平のときは-fx-pref-height: 10px;、スクロールバーの向きが垂直のときは-fx-pref-width: 10px;で厚みを設定しようとしました。しかし、動作しません。

.scroll-bar:horizontal .thumb { 
    -fx-background-color: derive(black, 90%); 
    -fx-background-insets: 2, 0, 0; 
    -fx-background-radius: 0em; 
    -fx-pref-height: 10px; 
} 

.scroll-bar:vertical .thumb { 
    -fx-background-color: derive(black, 90%); 
    -fx-background-insets: 2, 0, 0; 
    -fx-background-radius: 0em; 
    -fx-pref-width: 10px; 
} 

どのようにcssをカスタマイズすることでこれを達成できますか？それは、例えばフォントサイズのヴィア

Answer 1

あなたは親指厚さを縮小するために、スクロールバーのパディングを設定することができます。

.scroll-bar:vertical { 
    -fx-pref-width: 16.5; 
    -fx-padding: 3; 
} 

.scroll-bar:horizontal { 
    -fx-pref-height: 16.5; 
    -fx-padding: 3; 
} 

.scroll-bar, .scroll-bar:pressed, .scroll-bar:focused { 
    -fx-font-size: 15; 
} 

Answer 2

スクロールバーの幅が設定されています。

.scroll-bar { 
    -fx-font-size: 100px; 
} 

Answer 3

は、CSS以下でスクロールバーの矢印でパディングを設定します。

.scroll-bar .decrement-arrow { 
    -fx-padding:2.25; 
} 
.scroll-bar .increment-arrow { 
    -fx-padding:2.25; 
}