JavaFX 文本字段 CSS

Question

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

例如:

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

例如:/** 在 JavaFX 中不存在 **/

-fx-border: 无;

-fx-背景:左下线性渐变(#a9a9a9，#a9a9a9)不重复，底部中心线性渐变(#a9a9a9，#a9a9a9)重复-x，右下线性渐变(# a9a9a9, #a9a9a9) 不重复；

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