How to change the style of Menu entry

Question

I have created a Menu on my JavaFX application. Here i want to style the RadioMenuItem component:

How i can:

• Modify the Arrow to colorize the Background (Like )

• Hide only the Arrow completely

  // [...]

Answer 1

You can use CSS styles.

Background color (checked):

.radio-menu-item:checked > .left-container {
    -fx-background-color: blue;
}

Arrow color:

.radio-menu-item:checked > .left-container > .radio {
    -fx-background-color: blue;
}

Same color hides the arrow.