1

i'd like to customize the appearance of a Menu in my JavaFX8 application. How can i get rid or style the color of the 'white outline' shown in the following screenshot?

enter image description here

i tryed:

#MainMenuBar
{
    -fx-text-fill: #bbbbbb;
    -fx-background-color: #3c3f41;
    -fx-border-color: #555555;
    -fx-border-style: solid;
    -fx-border-width: 0 0 1px 0;

}

.menu-item
{
    -fx-background-color: #3c3f41;
        -fx-text-fill: #bbbbbb;
    -fx-border-color: transparent;

}

but it still there is this white otuline.

Thx,

Chris
  • 15,429
  • 19
  • 72
  • 74

1 Answers1

3

seems you have to also style the 'context-menu'.

it worked by adding:

.context-menu 
{
    -fx-background-color: #3c3f41;
    -fx-border-color: #555555;
    -fx-border-style: solid;
    -fx-border-width: 1px;
}

This and this answers on SO helped me to figure it out, thanks all.

Community
  • 1
  • 1
Chris
  • 15,429
  • 19
  • 72
  • 74