如何引用 css 中的锚定窗格？

Question

是否可以在 css 中引用锚定窗格？

如果锚窗格恰好是根窗格，那没关系：

.root{
-fx-background-image: url("xxx.yy");
}

有效。但如果没有，那该怎么做呢？我试过 .anchor-pane{}，它没有用。然后我读到，那个锚定窗格拥有 Pane 拥有的一切。所以我也尝试了 .pane{} ...它没有用。

如何将背景设置为 none 根锚定窗格？谢谢！

Answer 1

您始终可以分配 css class 并将其显式添加到 AnchorPane

anchorPane.getStyleClass().add("pane");

在你的 css 中：

.pane{
    -fx-background-image: url("xxx.yy");
}

您可以通过添加 css id

来执行相同的操作

anchorPane.setId("pane");

在你身上 css :

#pane{
    -fx-background-image: url("xxx.yy");
}

Answer 2

这个答案和Itachi的一样我刚同时写的..

您在 CSS 样式表中使用 CSS selectors 到 select 节点。

一个窗格就是一个节点。节点可以在其上设置 css id node.setId("xyzzy-id"), or it can have style classes set on it node.getStyleClass().add("xyzzy-class")。

对于提供的示例，您可以通过以下任一方式select 窗格：

Select 按 ID:

#xyzzy-id {
    -fx-background-color: palegreen;
}

Select 来自 Class:

.xyzzy-class {
    -fx-background-color: papayawhip;
}

您还可以在节点上为 id 和样式设置 FXML 属性 class（而不是像上面解释的那样在代码中执行此操作）。 SceneBuilder 有这方面的字段，所以如果您使用 SceneBuilder 编写 FXML，只需填写适当的字段，它就会将所需的属性添加到您的 FXML 文件中。

How to refer to an anchor pane in css?