如何使用JavaFX中的CSS在JFXTextField或TextField中获取圆角

Question

我正在使用JavaFX构建应用程序，并且有一个带有JFXTextFields和JFXComboBoxes的表单。我需要将它们像圆角一样如下图所示。

喜欢这个。

我尝试了以下CSS代码。

.jfx-text-field {
    -fx-border-radius: 20px;
    -fx-background-radius: 20 20 20 20;
    -fx-border-color: #609;
}

但是结果就是这样。

那么如何在JavaFX中使用CSS舍入文本字段和组合框？如果有人可以帮助我，我非常感谢。预先感谢。

Answer 1

JFoenix使用的.css文件可以在JFoenix-master\jfoenix\src\main\resources\com\jfoenix\assets\css\controls找到。属于.css的{​​{1}}文件是JFXTextField，属于jfx-text-field.css的{​​{1}}文件是.css。

这些文件中定义的样式必须根据要求在用户定义的JFXComboBox文件中进行修改，例如：

jfx-combo-box.css

在第一个块中定义了border-radius和border-color，在接下来的两个块中定义了padding。在最后两个块中，输入行被禁用，在上面最初发布的屏幕快照中仍然可见。结果是：

发布的样式仅是示例，必须根据您的要求进行调整/优化。