javafx - 从JavaFX输入字段中删除蓝框

Question

有没有一种方法可以从输入字段中删除蓝框？

Answer 1

您显示的蓝色边框是焦点边框。

要完全删除它，请使用类似

textField.setStyle("-fx-focus-color: -fx-control-inner-background ; -fx-faint-focus-color: -fx-control-inner-background ;");

或在外部CSS文件中

.text-field {
        -fx-focus-color: -fx-control-inner-background ;
    -fx-faint-focus-color: -fx-control-inner-background ;
}

要使其与未聚焦的文本字段相同，请使用

.text-field:focused {
    -fx-background-color: linear-gradient(to bottom, derive(-fx-text-box-border, -10%), -fx-text-box-border),
        linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
}