你如何在 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 Analyzer，非常适合查找此类内容。使用 CSS Analyzer，您可以查看“可样式化路径”并找到 .corner 样式类，如下图所示。

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

编辑： 虽然上面的答案对Scroll Panes 来说很好，但对于ListView 来说并不完全一样，这正是op 想要的——我的错。 ListView 具有可样式化的路径：

.list-view .virtual-flow .corner

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

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

我假设您将只有其中一个 ListView，然后您可以给它一个 id，并且只为您的特定 ListView 的角设置样式。