JavaFX TextField CSS

Question

Cách tạo giao diện TextField của JavaFX như Android TextField sử dụng JavaFX CSS?

Ví dụ:

Tôi đã cố gắng rất nhiều FX css nhưng không đạt được cái nhìn như thế. Tại đây, http://jsfiddle.net/QKm37/ CSS tồn tại đối với loại đầu vào HTML nhưng không áp dụng được trong JavaFX SceneBuilder.

Ví dụ: /** 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

Hãy thử điều này trong file CSS của bạn:

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