java - JavaFX: Toolbar with imagebuttons -

how can create toolbar this:

link: http://s14.postimg.org/99095jk3l/image.png

i created toolbar correct background. problem buttons. dont know how style buttons transparant, , how add correct on hover , on click effects match background.

thanks in advance

you'll working css. can set background , border transparent, have hover class adding semi-transparent border. end being (please note, may have make tweaks still)

.button {     -fx-background-color: transparent, transparent, transparent, transparent; }  .button:hover{     -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), transparent; }  .button:armed {     -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), rgba(0,0,0,.2); } 

to apply style sheet you'd use code similar this:

toolbar.getstylesheets().add("filename.css"); 

there lots of references in "info" section of "javafx-2" tag. here few should prove helpful this:

• javafx 2 css reference guide
• caspian.css javafx 2.2 (the default style sheet)