javafx - 如何删除 JavaFX TextArea 中的灰色顶部边框

Question

我想要一个完全没有边框、没有背景效果的文本区域。只是纯白色。我尝试删除边框和背景，但有一个奇怪的灰色边框保留在文本区域的顶部。

在“投诉”一词的下方，是一个文本区域。我删除了所有内容，但那条灰线仍然存在。

textArea.setStyle("-fx-background-color: #fff; -fx-border-color: #fff; -fx-border-width: 0; -fx-border-image-width: 0; -fx-background-image: null; -fx-region-background: null;-fx-border-insets: 0; -fx-background-size:0; -fx-border-image-insets:0;");

Answer 1

在 JavaFX 8 中，如下所示:

.text-area {
    -fx-background-insets: 0;
    -fx-background-color: transparent, white, transparent, white;
}

.text-area .content {
    -fx-background-color: transparent, white, transparent, white;
}

.text-area:focused .content {
    -fx-background-color: transparent, white, transparent, white;
}

.text-area:focused {
    -fx-highlight-fill: #7ecfff;
}

.text-area .content {
    -fx-padding: 10px;
    -fx-text-fill: gray;
    -fx-highlight-fill: #7ecfff;
}