JavaFX TextField CSS

Question

JavaFXCSSを使用してAndroid TextFieldのように見えるJavaFXTextFieldを作成する方法は？

例えば ​​： 

私はたくさんのFXcssを試しましたが、そのように見えませんでした。ここで http://jsfiddle.net/QKm37/ HTML入力タイプにはCSSが存在しますが、JavaFXSceneBuilderには適用されません。

例：_/** 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マテリアルライブラリ ライブラリを追加した後、JFXTextField（）をインスタンス化するだけです