我尝试通过-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; }
原文地址:https://www.jb51.cc/css/242338.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。