css - 在运行时更改滚动 Pane 的缩略图颜色

Question

我试图在运行时更改滚动 Pane 拇指的颜色。 为了在运行时更改滚动 Pane 的背景颜色，我使用以下代码:

sp.setStyle("-fx-background-color: "+colorToHex());//sp is the scroll pane
//colorToHex return the color in hexadecimal.

我无法在运行时更改缩略图颜色。

要在 css 中更改缩略图颜色，我使用这个:

.scrollpane :vertical .thumb{
    -fx-background-color:black;
    -fx-background-radius: 18 18 18 18; 
}

如何在运行时访问缩略图样式并更改它？

Answer 1

为了设置缩略图节点的内联样式，您需要直接访问该节点。但是，我认为如果不创建您自己的 ScrollPaneSkin 和 ScrollBarSkin 是不可能的。

为什么不在运行时通过将滚动 Pane 与 CSS 样式表文件链接来更改样式:

 sp.getStylesheets().addAll("<package>/my-scrollbar.css");

我的滚动条.css:

.scroll-bar:vertical > .thumb {
    -fx-background-color: black;
}