使用 css 设置 javafx TitledPane 的标题样式

Question

我正在尝试使用 css 更改 TitledPane 上标题的外观，应用了我分配的所有样式，文本颜色除外。

谁能看到我做错了什么？

.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-text-fill: WHITE;
}

我也试过

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

没有成功

Answer 1

尽管文档声称该.text节点是 a Labeled，但它实际上是 a com.sun.javafx.scene.control.LabeledText，它是 的子类Text。

AText没有-fx-text-fill属性，但有一个-fx-fill属性（因为它是 的子类Shape）。因此，正确的 CSS 是

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


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

Scenic View在解决这些问题时非常有用。