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