从TextField中移除边框

Question

是否有一种方法可以完全从TextField中删除边框?例如，我想显示以下文本的文本:

TextField chartTitle = new TextField("Soem text");
        chartTitle.setEditable(false);
        chartTitle.setStyle("-fx-focus-color: transparent;");

Answer 1

试着把这个添加到你的CSS中:

.text-field {
    -fx-text-box-border: transparent;
}

如果你还想删除对焦环，添加(类似于你有):

.text-field:focused {
    -fx-focus-color: transparent;
}

不幸的是，这只会删除可见的边框，插页仍然在那里。要完全删除，你必须添加相当多的CSS(最简单的是复制&膏体来自caspian.css)。

类似:

.text-field {
    -fx-background-color: -fx-control-inner-background;
    -fx-background-insets: 0;
    -fx-padding: 1 3 1 3;
}