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");