如何用CSS设置JavaFX TitledPane标题样式？文本颜色不生效排查

嘿，我明白你遇到的困扰了——背景、边框、字体这些样式都生效了，偏偏文本颜色就是没变化，确实挺让人头疼的。我来帮你分析下问题所在，以及怎么解决：

问题根源：属性用错了！ #

你尝试的两种选择器思路是对的，但关键在于文本节点的颜色属性不是-fx-text-fill。JavaFX里，.titled-pane > .title > .text对应的是Text类节点，这类节点控制文本颜色的属性是-fx-fill，而-fx-text-fill是给Label、Button这类控件用的。这就是你之前设置无效的核心原因。

正确的CSS写法 #

把你之前的代码调整一下，专门针对文本节点用-fx-fill属性：

.titled-pane > .title {
    -fx-background-color: rgba(0, 60, 136, 0.5);
    -fx-border-color: rgba(0, 60, 136, 0.8);
    -fx-font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
    -fx-font-size: 16px;
    -fx-font-weight: bold;
}

/* 重点：这里用-fx-fill而不是-fx-text-fill */
.titled-pane > .title > .text {
    -fx-fill: WHITE;
}

额外排查点 #

如果还是不生效，你可以检查这两点：

• 确认你的CSS文件已经正确加载到场景中，比如通过：

  scene.getStylesheets().add(getClass().getResource("你的样式文件名.css").toExternalForm());
  

• 检查是否有其他更高优先级的CSS规则覆盖了这个设置，比如如果你的TitledPane加了自定义样式类，可以用更具体的选择器：

  .custom-titled-pane.titled-pane > .title > .text {
      -fx-fill: WHITE;
  }
  

这样调整后，标题文本的白色应该就能正常显示啦！

内容的提问来源于stack exchange，提问作者Samarek