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

Question

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

我有这个css:

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

感谢您的帮助！

Answer 1

只是改变了背景颜色。

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

Answer 2

您看到的蓝色边框是 RadioButton 聚焦的结果。

您可以通过将 focusTraversable 设置为 false 来防止 RadioButton 自动接收焦点：

.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%);
}

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

Unwanted blue border on radio button, is possible to remove that?

css

java

javafx

fxml

scenebuilder