How to change header component in TitledPane in JavaFX

Question

I cannot find an answer about this anywhere on the internet.

I have an application that has to have collapsable panels, so the TitledPane and Accordion set-up in Jav

Answer 1

_{(Moved answer from question)}

This is the answer:

To remove the arrow, add this CSS declaration:

.titled-pane > .title > .arrow-button .arrow{
    -fx-shape: "";
}

The above CSS snippet will remove the arrow, but the space for the arrow is still occupied. This was really tricky and I couldn't find it documented anywhere on the internet, but I applied this CSS statement and it removed the gap from the arrow.

.titled-pane > .title{
   -fx-padding: 0 0 0 -4;
}

This may not be the best solution, but it is a solution that has worked for my needs.