Add Css Styles To Button Javafx Code Example

Example 1: add css to javafx fxml

<?xml version="1.0" encoding="UTF-8"?>  <?import java.lang.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <?import javafx.scene.layout.AnchorPane?>  <AnchorPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.view.RootLayoutController">    <children>       <Pane layoutX="0.0" layoutY="0.0" prefHeight="200.0" prefWidth="200.0">          <children>             <Button fx:id="sunButton" layoutX="74.0" layoutY="88.0" mnemonicParsing="false" onAction="#handleSunButtonClick" styleClass="sun-button" stylesheets="@../css/toolbar.css" text="Button" />          </children>       </Pane>    </children> </AnchorPane>

Example 2: add css to javafx fxml

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