Change Expanded Titled Pane Background in JavaFx

Question

I have an accordion with few titled pane. I want to change the background color of the titled pane when expanded. The default color seems to be white. How do I change it to black?

I've tried this css but it does not work.

.titled-pane > *.content {
    -fx-background-color: black;
    -fx-border-color: black;
}

Answer 1

Try this

.titled-pane > .title {  
    -fx-background-color: #000000;
    -fx-background-insets: 0; 
}

.titled-pane > .title > *.text {
    -fx-fill: #fff;
}

.titled-pane > .content {
    -fx-background-color: #000000;
}