JavaFX文本框CSS

Question

如何使用JavaFX CSS创建类似于Android TextField的JavaFX TextField外观？

例如： 我已经尝试了许多FX css，但没有达到那样的效果。这里有一个适用于HTML输入类型的CSS：http://jsfiddle.net/QKm37/，但它不适用于JavaFX SceneBuilder。

例如：/** Not Exist in JavaFX **/ -fx-border: none; -fx-background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;

- Gaurav Kumar

Answer 1

在您的CSS文件中尝试这个：

.text-field {
    -fx-background-color: #a9a9a9 , white , white;
    -fx-background-insets: 0 -1 -1 -1, 0 0 0 0, 0 -1 3 -1;
}

.text-field:focused {
    -fx-background-color: #a9a9a9 , white , white;
    -fx-background-insets: 0 -1 -1 -1, 0 0 0 0, 0 -1 3 -1;
}

- Mailkov

---

@GauravKumar 提出修改意见是个好主意，但请不要将您的评论包含在编辑中，而是放在摘要中。我已经为您删除了它。 - Scimonster

@SalutonMondo 你可以看一下这个链接：https://dev59.com/d2Qn5IYBdhLWcg3wzZtU - Mailkov

Answer 2

有一个名为JFoenix的材料组件库，它基本上为JavaFX组件提供了材料风格。 Java材料库。 添加库后，只需实例化一个JFXTextField()即可。

- shavar

---

这更像是一条评论而不是答案（问题是“如何”，而不是“哪个库”）。 - kleopatra