javafx中的不同背景

Question

我在父布局BorderPane的左侧使用了VBox。 我想使用css文件更改并使用包含我的VBox的BorderPane左侧的图像背景。 我的ccs文件中包含以下内容，但无法对其进行管理。

 .vbox{
-fx-background-image: url("/ui/image11.jpg");
-fx-background-repeat: no-repeat;
-fx-background-position: center center;
-fx-background-size: 500 500;
}

.root{
-fx-background-color: #ecf0f1;
-fx-background-position: center center;
-fx-background-size: 500 500;
}

.button{
-fx-text-fill: #ecf0f1;
-fx-background-color: #455d7a;
-fx-position: center;
-fx-min-width: 150px;
-fx-transition-duration: 1;
} 

对于此css文件，.root和.button中的规则确实适用，但不适用于.vbox。 如何在BorderPane中管理不同部分的背景。

我使用以下代码行导入css文件：

 scene.getStylesheets().add(this.getClass().getResource("/styles/contentStyle.css").toExternalForm());

这是正确的方法吗？ css文件在另一个软件包中。

Answer 1

VBox没有定义.vbox类选择器。 解决此问题的一种方法是在VBox上设置一个名为.vbox ，如下所示：
myVBox.getStyleClass().add("vbox"); 但如果您希望所有VBox都具有该背景，则需要对应用程序中的每个VBox进行此操作。

有关更多信息，请参见有关HBox的以下问题： JavaFX：使用CSS选择器样式化应用程序 。