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

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

Text没有-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在弄清楚这些问题时非常有用。

使用css为javafx TitledPane设置标题

1 个答案: