如何修改ChoiceBox中的JavaFX复选标记？

Question

首先，是否可以修改ChoiceBox复选框形状？使用CSS类( CheckBox类，.check-box:selected .mark)完全更改CSS标记是非常容易的。但是，我在网上找到的关于ChoiceBox的ContextMenu标记的全部内容是，您可以在-fx-mark-color类中使用.context-menu修改它的颜色。我尝试了几个类名，试图将形状更改为自定义SVG，但没有效果。

.context-menu .menu-item:selected .mark {
    -fx-shape: "M1,1 h4 v4 h-4 v-4 Z";
}

在下面的图片中，我已经完全重新调整了我的JavaFX应用程序，以匹配Mac的原生Cocoa，但是菜单复选标记似乎是唯一不可能修复的缺陷。

​

​

Answer 1

在modena.css样式表中搜索-fx-shape。对于Java 8，您会发现：

.check-menu-item:checked > .left-container > .check

这是菜单项中复选标记的CSS选择器(它还包括对ChoiceBox中选定项的检查)。在自定义CSS样式表中定义相同的CSS选择路径。在该选择器中，放置一个-fx-shape规则，为希望用于检查的形状定义自定义svg路径。