Css runtime update how-to.

Question

Hi everyody,
can someone explain me how to modify a css class/id rule at runtime and see the new style layed out?
I have associated implemented an EventHandler to add the same stylesheet file that is used at application start, but nothing change and no error message results.
public class TrackerClient extends Application {
@Override
  public void start(Stage stage) throws Exception {
    final String cssUrl = getClass().getResource("/tracker/view/fxmlgui.css").toExternalForm();
    Parent root = FXMLLoader.load(getClass().getResource("/tracker/view/fxmlGui.fxml"));
    scene = new Scene(root);
    scene.getStylesheets().add(cssUrl);
    stage.setScene(scene);
  stage.addEventHandler(KeyEvent.KEY_PRESSED, new EventHandler<KeyEvent>() {
      @Override
      public void handle(KeyEvent keyEvent) {
        if (keyEvent.getCode().equals(KeyCode.F5)) {
            scene.getStylesheets().add(cssUrl);
               System.out.println("Key pressed!");
I have also tryed using:
StyleManager.getInstance().reloadStylesheets(scene);
after i have changed and saved the css class manually in the css document, but nothing happens in the scene!
The event is fired when i press F5 key, but no style change is layed out.
So i ask if is there a way to change the style of scene nodes at runtime in javafx 2 last release?
Thanks in advance!

Answer 1

The following works for me:
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class TrackerClient extends Application {
    @Override
    public void start(Stage primaryStage) {
        Button btn = new Button();
        btn.setText("Submit");
        StackPane root = new StackPane();
        root.getChildren().add(btn);
        final Scene scene = new Scene(root, 300, 250);
        primaryStage.setScene(scene);
        primaryStage.show();
        scene.getStylesheets().add(getClass().getResource("style1.css").toExternalForm());
        primaryStage.addEventHandler(KeyEvent.KEY_PRESSED, new EventHandler<KeyEvent>() {
            @Override
            public void handle(KeyEvent keyEvent) {
                if (keyEvent.getCode().equals(KeyCode.F5)) {
                    scene.getStylesheets().clear();
                    scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
                } else {
                    scene.getStylesheets().clear();
                    scene.getStylesheets().add(getClass().getResource("style1.css").toExternalForm());
    public static void main(String[] args) {
        launch(args);
//style.css
.button{
    -fx-text-fill: rgb(49, 89, 23);
    -fx-border-color: rgb(49, 89, 23);
    -fx-border-radius: 5;
    -fx-padding: 3 6 6 6;
style1.css
.button{
    -fx-text-fill: rgb(149, 189, 123);
    -fx-border-color: rgb(149, 189, 123);
    -fx-border-radius: 7;
    -fx-padding: 5 8 8 8;