JavaFX部署的CSS样式的应用程序问题

Question

我创建了一个JavaFX Maven应用程序，其中包含一些资源文件（在项目文件夹“src/main/resources”中）。该应用程序在NetBeans环境下运行良好。然而，当构建了自包含的JAR文件并将其复制到另一个文件夹时，应用程序的可视项（组合框、TextFields、VBoxes、...)没有正确显示（不同的颜色、错误的填充、...)。

CSS文件存在于JAR文件中，因为应用程序中（NetBeans之外）正确加载了一些样式（如按钮样式）。下面是我用来将样式表加载到JavaFX场景中的代码：

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

“styles.css”文件保存在“src/main/resources/styles/styles.css”中。

作为示例，在Java代码中应用了以下样式：

Button save = new Button("Save");
save.getStyleClass().add("primary-button"); // -> It works

.combo-box-popup {
    -fx-min-width: 555px;
}

.combo-box-popup .list-view {
    -fx-min-width: 555px;
}

.combo-box-base  {
    -fx-background-color: transparent, transparent, transparent, white;
    -fx-border-width: 1;
    -fx-border-color: #666666;
    -fx-font-family: "Roboto Light";
    -fx-font-size: 14px;
    -fx-fill: #666666;
}

.combo-box .arrow {
    -fx-background-color: #979797;
    -fx-background-radius: 0;
}

.combo-box .arrow-button {
   -fx-background-color: #d8d8d8;
   -fx-background-radius: 0;
}

.combo-box .arrow-button:hover {
    -fx-background-color: #e1e1e1;
    -fx-background-radius: 0;
}

.combo-box-popup .list-view .list-cell:filled:selected, .combo-box-popup .list-view .list-cell:filled:selected:hover {
    -fx-background-color: #6995df;
}

.combo-box-popup .list-view .list-cell:filled:hover {
    -fx-background-color: #f3f3f3;
}

我希望这有助于理解问题。

Answer 1

在CSS文件中做了一些改动后，我意识到JavaFX 8改变了CSS中的一些特性（比如背景），并添加了一些新的默认样式（比如组合框中的白色文本）。

最后，我改变并添加了一些样式到我的CSS文件。现在，CSS工作得很好。谢谢！