我尝试通过-fx-pref-height设置厚度：10px;当取向是水平的,并且-fx-pref-width：10px;滚动条方向垂直时.但是不起作用.
- .scroll-bar:horizontal .thumb {
- -fx-background-color: derive(black,90%);
- -fx-background-insets: 2,0;
- -fx-background-radius: 0em;
- -fx-pref-height: 10px;
- }
- .scroll-bar:vertical .thumb {
- -fx-background-color: derive(black,0;
- -fx-background-radius: 0em;
- -fx-pref-width: 10px;
- }
如何通过自定义css实现这一目标？
解决方法
您可以设置滚动条的填充以缩小拇指的厚度.
- .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;
- }
