单选按钮上不需要的蓝色边框，可以删除吗？

Question

我不知道如何配置或禁用它。

我有这个css：

.radioButton {
    -fx-font: 13px sans-serif;
    -fx-border-width: 0;
}

感谢您的帮助！

Answer 1

您看到的蓝色边框是RadioButton被关注的结果。

您可以通过将RadioButton设置为focusTraversable来阻止false自动获得焦点：

.radio-button {
    -fx-focus-traversable: false;
}

要修改颜色，您可以指定-fx-focus-color和-fx-faint-focus-color属性：

.radio-button {
    -fx-focus-color: red;

    /* 2/15 th of the opacity of the focus color */
    -fx-faint-focus-color: ladder(#222, transparent 0%, -fx-focus-color 100%);
}

Answer 2

它只是改变背景颜色。

.radio-button .radio {
    -fx-background-color: white;
}