JavaFX TextField CSS

Question

Wie erstellt man JavaFX TextField mit JavaFX CSS wie Android TextField?

Zum Beispiel:

Ich habe viele FX CSS versucht, aber nicht aussehen wie das erreicht. Hier http://jsfiddle.net/QKm37/ CSS existiert für HTML-Eingabe-Typ, aber es ist nicht anwendbar in JavaFX SceneBuilder.

Zum Beispiel: /** 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

Versuchen Sie dies in Ihrer CSS-Datei:

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