How to style menu button and menu items

by

MenuButton uses Menu internally and has a similar API. In such way that MenuButton contains MenuItems list just like Menu. So I think you need to try to play with .menu, .menu-button and .menu-item CSS selectors in caspian.css. More specifically with .menu-item.

EDIT: It seems you need to change the .context-menu too, because the popped up menu of the menuButton is ContextMenu.

.menu-item .label {
    -fx-text-fill: white;
}

.menu-item:focused {
     -fx-background-color: darkgray;
}

.menu-item:focused .label {
    -fx-text-fill: blue;
}

.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-background-color: black;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
/*    -fx-padding: 0.666667em 0.083333em 0.666667em 0.083333em;  8 1 8 1 */
    -fx-padding: 0.333333em 0.083333em 0.666667em 0.083333em; /* 4 1 8 1 */
}

More Related Contents:

  1. How do I center align horizontal menu?
  2. How to avoid Not on FX application thread; currentThread = JavaFX Application Thread error?
  3. How to get stage from controller during initialization?
  4. Basic JUnit test for JavaFX 8
  5. JavaFX Application Icon
  6. TableView: adjust number of visible rows
  7. Background with 2 colors in JavaFX?
  8. How perform task on JavaFX TextField at onfocus and outfocus?
  9. Copiable Label/TextField/LabeledText in JavaFX
  10. Internal Frames in JavaFX
  11. How to use font awesome in a fxml project (javafx)
  12. JavaFX – setVisible hides the element but doesn’t rearrange adjacent nodes
  13. JavaFX: How to change the focus traversal policy?
  14. Adding borders to GridPane JavaFX
  15. Line Chart Live update
  16. How to use HTML to print header and footer on every printed page of a document?
  17. CSS Page-Break Not Working in all Browsers
  18. CSS Styling Checkboxes
  19. Pressed selector
  20. Float:right reverses order of spans
  21. Two divs, one fixed width, the other, the rest
  22. CSS: Top vs Margin-top
  23. How to make borders collapse (on a div)?
  24. React native text going off my screen, refusing to wrap. What to do?
  25. CSS – Percentages or Pixels?
  26. Center text in div?
  27. How can I open the default system browser from a java fx application?
  28. Creating space between an element and its border
  29. Tint image using CSS without overlay
  30. how to handle ‘double opacity’ of two overlapping divs

Leave a Comment