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選擇器樣式化應用程序 。