从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;
}