JavaFXでアコーディオンのTitledPanes間にパディングを追加する方法

Question

Accordion（間隔はAccordion）のTitledPaneの間にパディングを追加したいと思います。

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; 
} 

を

1つの画像は、拡大表示されていない2つの画像の間の分離を示し、別の画像は、最初の画像を開いた後に、2番目のTitledPaneの外観を見せます。

Answer 1

これはバグです（私はバグレポート：JDK-8162599を作成しました）。回避策として

もしTitledPane S（むしろ上部より）のみ底パディングを指定した場合、AccordionでTitledPane Sとの間の間隔が正確です。

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

に例Accordionを下パディングを追加する

CSSは次のようになります。