JavaFX TextField CSS

Question

How to create JavaFX TextField look like Android TextField using JavaFX CSS ?

For example : Android TextField

I have tried lots of FX css but not achieved look like that . Here http://jsfiddle.net/QKm37/ CSS exist for HTML input type but it is not applicable in JavaFX SceneBuilder .

For example : /** 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;

score 17 · Accepted Answer · edited Nov 19 '14 at 14:43

17

Try this in your CSS file:

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

edited Nov 19 '14 at 14:43

Scimonster

32,893
9
77
89

answered Nov 19 '14 at 10:57

Mailkov

1,231
1
13
17

@GauravKumar Suggesting edits is a good idea, but please don't include your comment in the edit itself, but rather in the summary. I've removed it for you. – Scimonster Nov 19 '14 at 14:44
@SalutonMondo you can take a look on this http://stackoverflow.com/questions/16564818/top-left-and-right-corner-rounded-in-javafx-css – Mailkov Apr 16 '17 at 07:37

shavar · Answer 2 · 2019-07-02T05:40:18.500

3

There is a library for material components called jfoenix, it basically give javafx components a material style. java material library after adding the library just instantiate a JFXTextField()

edited Jul 02 '19 at 05:40

answered Jul 02 '19 at 05:34

shavar

81
6

1

this is more a comment than an answer (the question was _how_ not which-lib) – kleopatra Jul 02 '19 at 13:03

JavaFX TextField CSS

2 Answers2