如何在JavaFX中的Accordion中的TitledPanes之间添加填充

我想在Accordion TitledPane之间添加填充（ Accordion间距）。

问题在于，当扩展TitledPane时，下一个TitledPane的外观会被破坏。

TitledPane未展开

一个TitledPane扩大了

我使用了以下CSS：

 .titled-pane { -fx-skin: "com.sun.javafx.scene.control.skin.TitledPaneSkin"; -fx-text-fill: -fx-text-base-color; -fx-padding: 0.5em; } 

一张图片显示2 TitledPane未展开之间的分离，另一张图片显示第二张TitledPane打开第一TitledPane后的外观。

Answer 1

这是一个错误（我创建了一个错误报告： JDK-8162599 ）。

作为解决方法，如果仅指定TitledPane的底部填充 （而不是顶部），则Accordion TitledPane之间的间距是正确的。

CSS添加底部填充

 .accordion > .titled-pane { -fx-padding: 0 0 0.5em 0; } 

Accordion的示例如下所示：