JavaFX TitledPane无法覆盖-fx-text-fill

Question

我试图在按下时更改TitledPane的标题颜色，但我无法做到这一点。 这是我的css：

.titled-pane * {
    -fx-background-color: transparent;
}
.titled-pane .title{
    -fx-background-color: #666666;
}
.titled-pane .title:hover {
    -fx-background-color: #AAAAAA;
}
.titled-pane .title:pressed {
    -fx-background-color: #DDDDDD;
    -fx-text-fill: black;  // does not work
}

后台设置工作正常，所以我不明白问题是什么。

我已经看过this个问题，但我不知道如何将解决方案应用到我的案例中。

提前致谢。

Answer 1

如果你看看样式如何应用于modena.css中的TitledPane，你会看到文本在根选择器上设置了样式：

.titled-pane {
    -fx-text-fill: -fx-text-base-color;
}

因此，您只需在根压状态下应用所需的文本颜色：

.titled-pane * {
    -fx-background-color: transparent;
}
.titled-pane:pressed {
    -fx-text-fill: red;
}
.titled-pane .title{
    -fx-background-color: #666666;
}
.titled-pane .title:hover {
    -fx-background-color: #AAAAAA;
}
.titled-pane .title:pressed {
    -fx-background-color: #DDDDDD;
}