JavaFX 文本字段 CSS

Posted 2023-02-26

【中文标题】JavaFX 文本字段 CSS

【英文标题】：JavaFX TextField CSS

【发布时间】：2015-01-16 20:08:34

【问题描述】：

如何使用 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;

【参考方案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;

【讨论】：

@GauravKumar 建议编辑是个好主意，但请不要在编辑本身中包含您的评论，而是在摘要中包含您的评论。我已经为你删除了。

@SalutonMondo 你可以看看这个***.com/questions/16564818/…

【参考方案2】：

有一个名为 jfoenix 的材质组件库，它基本上提供 javafx 组件的一种材质样式。 java material library 添加库后，只需实例化一个 JFXTextField()

【讨论】：

这更像是一个评论而不是一个答案（问题是 how 而不是 which-lib）