Override JavaFX CSS style in code

Question

Is it possible to override a JavaFX CSS definition in code?

For example, in my CSS file I defined a button's height as follows:

.button {
    -fx-pref-height: 30px;
}

When I try to override this height for some button in code...

Button button = new Button();
button.setPrefSize(100, 50); // width, height

...the button still has a height of 30 pixels.

MCVE: bikusta.de/wp-content/uploads/2015/08/javafx-css-mcve.zip — user4398698
– user4398698, Commented Aug 18, 2015 at 12:35

eckig · Accepted Answer · 2015-08-17 10:06:35Z

3

There are two solutions:

Make sure that button.setPrefSize(100, 50); // width, height is called after the Button became visible.
Use Bindings to force its size (CSS does not overwrite bound values), for example: button.prefHeightProperty().bind(new SimpleDoubleProperty(60));

answered Aug 17, 2015 at 10:06

eckig

11.2k4 gold badges42 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

The second solution is working. I also found a third one: button.setStyle("-fx-pref-height: 60px");