JavaFX css类样式

Question

如何为扩展 JavaFX 对象的类设置 CSS 样式？

public class DiagramPane extends ScrollPane implements IDiagramEditor {
    // .... Methods go here
}

我在main方法中尝试了以下几种方式:

public class DiagramPane extends ScrollPane implements IDiagramEditor {
    DiagramPane() {
        this.setStyle("-fx-background-color: #f8ecc2;-fx-font-size: 8pt;");
        setStyle("-fx-background-color: #f8ecc2;-fx-font-size: 8pt;");
    }
}

Answer 1

将这些行添加到您的 css 文件

.diagram-pane {
    -fx-background-color: #f8ecc2;
    -fx-font-size: 8pt;
}

并设置DiagramPane实例以使用diagram-pane样式类

diagramPane.getStyleClass().clear();
diagramPane.getStyleClass().add("diagram-pane");