JavaFX TextField CSS

Question

如何使用JavaFX CSS创建看起来像Android TextField的JavaFX TextField？

例如：

​

我已经尝试了很多FX css，但没有达到那样的效果。这里存在用于http://jsfiddle.net/QKm37/输入类型的HTML，但它不适用于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;

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

Answer 2

有一个名为jfoenix的材料组件库，它基本上为javafx组件提供了一种材料样式。添加库之后的java material library仅实例化一个JFXTextField()

​