I may be missing something, but it seems that I can no longer skin the appearance of the separators (SeparatorMenuItem) of menus (in my case, a SplitMenuButton). I'm guessing this has to do with the split of SeparatorMenuItem from Separator. I'd like to make the separator appear as a solid line rather than dashed. I've tried a number of things in my CSS file, including:
.separator {
-fx-border-style: solid;
}
.separator:horizontal {
-fx-border-style: solid;
}
.separator-menu-item {
-fx-border-style: solid;
}
.separator-menu-item:horizontal {
-fx-border-style: solid;
}
.separator .line {
-fx-border-style: solid;
}
.separator:horizontal .line {
-fx-border-style: solid;
}
.separator-menu-item .line {
-fx-border-style: solid;
}
.separator-menu-item:horizontal .line {
-fx-border-style: solid;
}
.separator {
-fx-border-style: solid;
}
.separator:horizontal {
-fx-border-style: solid;
}
.separator-menu-item {
-fx-border-style: solid;
}
.separator-menu-item:horizontal {
-fx-border-style: solid;
}
.separator .line {
-fx-border-style: solid;
}
.separator:horizontal .line {
-fx-border-style: solid;
}
.separator-menu-item .line {
-fx-border-style: solid;
}
.separator-menu-item:horizontal .line {
-fx-border-style: solid;
}