I\'m implementing a toolbox-like pane, so user can only pick one tool at a time, and I switched from Button
to RadioButton
for its behavior.
Here is the style you can use to get rid of the dot
.radio-button > .radio {
-fx-background-color: transparent;
-fx-background-insets: 0;
-fx-background-radius: 0px;
-fx-padding: 0.0em; /* 4 8 4 8 */
}
.radio-button:selected > .radio > .dot {
-fx-background-color: transparent;
}
Documenting here; in case someone finds it useful.