I tried to set thickness by -fx-pref-height: 10px; when orientation is horizontal, and by -fx-pref-width: 10px; when scrollbar orientation is vertical. But is doesn't work.
.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;
}
How to achieve this by customizing css?