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