如何在 JavaFX 中设置滚动条的 CSS 样式？

Question

是否可以将列表视图的角设置为特定颜色或隐藏它/使其透明，如果是这样，我会怎么做？

以下是我目前尝试使用 css 设置列表视图样式的尝试。

.list-view .scroll-bar:vertical {
    -fx-background-color:#2c365d;
}

.list-view .increment-button ,.list-view .decrement-button {
    -fx-background-color:transparent;
    -fx-border-color:transparent;
}

.list-view .scroll-bar:vertical .thumb {
    -fx-background-color:#455491;
    -fx-background-insets: 5, 5, 5;
    -fx-background-radius: 5;
}

.list-view .scroll-bar:horizontal {
    -fx-scale-x: 0;
}

Answer 1

您可以像这样设置滚动窗格一角的样式：

.scroll-bar > .corner {    
    -fx-background-color: #2c365d ;
}

我强烈推荐 Scene Builder 及其 CSS 分析器，非常适合查找此类内容。使用 CSS 分析器，您可以查看“Styleable path”并找到 .corner 样式类，如下图所示。

即使您在代码中创建 GUI，您仍然可以使用 Scene Builder 来简单地查找此类内容并创建快速模型。

编辑： 虽然上面的答案对于 来说很好，但对于op 想要的Scroll Panesa 来说并不完全相同- 我的错。ListView有ListView可样式化的路径：

.list-view .virtual-flow .corner

所以这应该可以设置列表视图的一角的样式。

.virtual-flow > .corner {    
    -fx-background-color: #2c365d ;
}

我假设您只有其中之一ListView，然后您可以给它一个 id 并仅设置特定ListView.