Add css to javafx fxml

.root {
    -fx-background-color:lightgray;
}

Source: stackoverflow.com

Add css to javafx fxml

<StackPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="app.fxml.SettingsController" stylesheets="@app/cssfilepath.css">

......
.....
.....
</StackPane>

Source: stackoverflow.com

Add css to javafx fxml

.sun-button {
  -fx-graphic: url('./icons/sun.png');
}

Source: stackoverflow.com

Add css to javafx fxml

package application;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Stage;


public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        try {

            FXMLLoader loader = new FXMLLoader(Main.class.getResource("view/RootLayout.fxml"));
            AnchorPane rootLayout = (AnchorPane) loader.load();

            Scene scene = new Scene(rootLayout, 400, 400);
            scene.getStylesheets().add(getClass().getResource("css/application.css").toExternalForm());

            primaryStage.setScene(scene);
            primaryStage.show();

        } catch(Exception e) {
            e.printStackTrace();
        }
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Source: stackoverflow.com

Add css to javafx fxml

package application.view;

import javafx.fxml.FXML;
import javafx.scene.control.Button;

public class RootLayoutController {


    @FXML
    Button sunButton;

    @FXML
    public void handleSunButtonClick() {
        System.out.println( "Button clicked");
    }
}

Source: stackoverflow.com

Similar codes

17 votes357 views2 answers
Css horizontal linear gradient
CSS
36 votes342 views2 answers
First-child
CSS
12 votes345 views2 answers
Can't resolve @emotion/react
CSS
37 votes706 views6 answers
Overflow in css
CSS
0 vote331 views1 answer
Css quitar el icono de lista
CSS
2 votes340 views1 answer
Css image transform flip mirror
CSS
0 vote341 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
0 vote324 views1 answer
Details summary not open css
CSS
7 votes330 views3 answers
Css animation infinite
CSS
0 vote345 views1 answer
How to change line colors in css
CSS