如何使用JavaFX CSS创建类似于Android TextField的JavaFX TextField?

例如 :

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

例如:/** 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;

最佳答案

在您的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;
}

关于JavaFX TextField CSS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27014609/

10-10 23:30