增加滚动条宽度不会增加增量和减量按钮的Hitbox

Question

Hello Stackoverflow社区！ 我在我的javafx桌面应用程序中有这个可滚动的组合框，我希望它更宽，因为默认值非常窄。

我通过设置增加宽度：

.scroll-bar > .increment-button, 
.scroll-bar > .decrement-button {
    -fx-padding: 10.0px;
}

在我的css文件中。

虽然可视化地扩大了滚动条及其按钮，但是命中箱实际上保持相同的大小，所以如果我点击这样，组合框弹出窗口就会崩溃：

我找不到任何有类似问题的人，我觉得这很奇怪，因为这似乎是一个非常基本的问题，除非没有人加宽滚动条。所以它可能是一些超级显而易见的小东西，我做错了，其他人都不是^^。

Answer 1

以下解决方法似乎有效：

调整arrow的大小，然后使用-fx-background-insets调整箭头大小：

.scroll-bar .increment-arrow, 
.scroll-bar .decrement-arrow {
    -fx-pref-height: 20;
    -fx-pref-width: 20;
    -fx-background-insets: 5;
}