css - FXML 样式不适用于动态添加的 TreeView TreeItem

Question

我正在尝试将 css 样式应用于 A TreeView TreeItem 但由于某种原因，该元素没有拾取并应用样式。以下是 fxml 文件的片段。如您所见，TreeView 没有任何元素，那是因为我将在稍后添加它们。

<AnchorPane styleClass="/media/css/TreeItem.css" id="AnchorPane" fx:id="main" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="db.manager.MainController">
    <children>
        <AnchorPane>
            <children>
                <TreeView editable="true" showRoot="false" />
            </children>
        </AnchorPane>
    </children>
</AnchorPane>

然后我在上面fxml中提到的文件css文件中有以下css:

.tree-cell{
    -fx-indent: 100;
    -fx-underline: true;
    -fx-background-image: url("/media/images/database.png");
    -fx-background-repeat: no-repeat;
}

我没有收到任何错误，所以我知道文件正在加载，但样式没有应用到新添加的 TreeItem，我不知道为什么。

Answer 1

你需要

<AnchorPane stylesheets="/media/css/TreeItem.css" ... >

不是

<AnchorPane styleClass="/media/css/TreeItem.css" ... >