How can I style a JavaFX SplitMenuButton in CSS

I try to style a SplitMenuButton in JavaFX. I've got a menuButton and a SplitMenuButton in my fxml-file.

My CSS-File looks like this:

.menu-button {

    -fx-background-color: red;

    }

.split-menu-button .label {

    -fx-background-color: green;

    }

.split-menu-button .arrow {

    -fx-background-color: yellow;

    }

But I can't figure out how to style the area around the arrow for the SplitMenuButton. I tried several ways, but nothing worked

.split-menu-button .menu-button {

    -fx-background-color: blue;

    }

.split-menu-button .menu-button .label {

    -fx-background-color: blue;

    }

.split-menu-button .menu{

    -fx-background-color: blue;

    }

.split-menu-button .menu-item {

    -fx-background-color: blue;

    }

.split-menu-button .button {

    -fx-background-color: blue;

    }

.split-menu-button .menu-bar {

    -fx-background-color: blue;

    }

css javafx javafx-2 javafx-8 fxml

share|improve this question

edited May 13 at 10:58

asked May 13 at 10:20

Stef
32

add a comment

1 Answer

active
oldest
votes

up vote
2
down vote

accepted

There are two useful techniques for figuring out the style classes for individual parts of complex components like this:

Extract the default style sheet, modena.css, from the jfxrt.jar file
and see how the default styles are defined (you can also find modena.css online)
Use ScenicView to inspect your application when it's running

In this case I used ScenicView; the css you need is

.split-menu-button .arrow-button {

    -fx-background-color: yellow ;

}

巴特西

How can I style a JavaFX SplitMenuButton in CSS

1 Answer

最新文章

热门文章