从Fxml的TextField删除边框，底部的边框除外

Question

我有一个TextField，除了底部，我不希望有任何边框， 我可以禁用所有边界，但很难找到方法来保持 只是最底层的。

Answer 1

对于文本字段样式，说您有一个TextField

<TextField  promptText="hint" prefWidth="600" prefHeight="30" fx:id="msgarea"/>

现在要使用CSS应用样式（仅显示底部边框）

.text-field#msgarea
{
    -fx-border :none;
    -fx-border-bottom : 2px solid green;

}