如何在Java FX中使用CSS设置锚定窗格的背景颜色

Question

在我的FXML文档中，我有以下代码：

{{1}}

我的css看起来像这样：

{{1}}

然而，这并没有改变颜色。但是，如果我将我的FXML改为内联完全相同的东西，那么它就可以了。

奇怪的是我的其他样式在同一个FXML文档中正确应用。

非常感谢任何帮助。

我使用SceneBuilder来构建屏幕原型，并且需要能够依赖CSS应用程序。

谢谢！

Answer 1

在FXML文档中，设置id(**not fx:id**)，然后在CSS文件中使用：

#your_id {
-fx-background-color: blue;
}

在您的情况下更新FXML看起来像这样：

<AnchorPane id="anchor" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" styleClass="header-bar" stylesheets="@standards.css" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">

和css文件：

#anchor {
-fx-background-color: blue;
}