修改JavaFX手风琴

Question

我有一个带有两个TitlePane的手风琴，并且有一个设计问题。我想看看是否有什么方法可以删除标题周围的边框，您可以在这里看到：

这是我拥有的CSS代码：

.accordion .titled-pane .title {
    -fx-background-color: transparent;
    -fx-padding: 0.3333em 0.75em 0.3333em -0.5em;
}

}
.accordion .titled-pane>*.content {
    -fx-background-color: transparent;
    -fx-padding: 0em 0.75em 0em 2em;
}

.accordion .titled-pane>.title>.arrow-button>.arrow {
    -fx-background-color: transparent;
}

Answer 1

[至少在JavaFX 13中，modena.css在此处添加您看到的边框：

.accordion > .titled-pane > .title {
    -fx-background-color:
        linear-gradient(to bottom,
        derive(-fx-color,-15%) 95%,
        derive(-fx-color,-25%) 100%
        ),
        -fx-inner-border,
        -fx-body-color;
    -fx-background-insets: -1 0 0 0, 0 1 1 1, 1 2 2 2;
    -fx-background-radius: 0, 0, 0;
}

此“边框”是使用三种背景色实现的，每种背景色的嵌入度比前一种略高。要删除边框，您只需要使用：

.accordion > .titled-pane > .title {
    -fx-background-color: null;
}