如何在JavaFX [CSS]中更改所选RadioButton的颜色？

Question

我只想更改RadioButton上填充圆的颜色。出乎意料的是，我在文档中找不到此内容。有可能吗？

我发现此类似线程的解决方案不适用于我：CSS Change radio button color in JFXRadioButton

这是我尝试过的方法（也尝试了其他变种但无济于事）：

.radio-button .radio {
    -fx-selected-color: yellow;
    -fx-unselected-color: blue;
}

Answer 1

-jfx-selected-color和-jfx-unselected-color在JavaFX中未定义。它们是JFoenix（docs）的属性。另外，-fx-selected-color和-fx-unselected-color在JavaFX中不可用。

要更改RadioButton中点的颜色，可以使用:selected伪类，如下所示（docs）：

.radio-button:selected .radio .dot {
    -fx-background-color: red;
    -fx-background-insets: 0;
}

除了-fx-background-color之外，您还应该设置-fx-background-insets: 0;，因为否则该点将不再完全位于中心。

结果将如下所示：