通过CSS在JavaFx中将menuItem添加到menuItem

Question

我使用这个CSS在JavaFX应用程序上向menuItem添加图标:

    #mniOpen > .label{
    -fx-graphic:url(media/open.png);
}

它有效,但有一个问题:我的menuItem有一个快捷键(Ctrl+O),所以在这个项目中有两个标签.在结果中,该menuItem的图标重复两次:

如何删除第二个图标(for Ctrl+O)？

Answer 1

用css

#mniOpen > .label{
    -fx-graphic: url("media/open.png");
}
#mniOpen .accelerator-text{
    -fx-graphic: none;
}

不使用CSS

  Image openIcon = new Image(getClass().getResourceAsStream("media/open.png"));
  ImageView openView = new ImageView(openIcon);
  openView.setFitWidth(15);
  openView.setFitHeight(15);
  MenuItem newMenuItem = new MenuItem("Open");
  newMenuItem.setGraphic(openView);
  newMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.O, KeyCombination.CONTROL_DOWN));