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

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

像这样：

我尝试了以下CSS代码：

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

但结果是：

---

那么，如何在JavaFX中使用CSS对文本字段和组合框进行取整呢

JFoenix使用的

.css

-文件可在

JFoenix主控\JFoenix\src\main\resources\com\JFoenix\assets\css\controls

中找到。属于

jfxtfield

的

.css

-文件是

jfx text field.css

，属于

JFXComboBox

的

.css

-文件是

jfx combobox.css

这些文件中定义的样式必须根据要求在用户定义的

.css

-文件中进行调整，例如：

.jfx-text-field,
.jfx-combo-box {
    -fx-border-radius: 20px;
    -fx-border-color: #CCCCCC;
}

.jfx-text-field {
    -fx-padding: 0.333333em 1em 0.333333em 1em;
}

.jfx-combo-box {
    -fx-padding: 0em 1em 0em 1em;
}

.jfx-text-field > .input-line,
.jfx-combo-box > .input-line {
    -fx-background-color: transparent;
    -fx-pref-height: 0px;
    -fx-translate-y: 0px;
}

.jfx-text-field > .input-focused-line,
.jfx-combo-box > .input-focused-line {
    -fx-background-color: transparent;
    -fx-pref-height: 0px;
}

在第一个块中定义边界半径和边界颜色，在接下来的两个块中定义填充。在最后两个块中，输入行被禁用，这在上面最初发布的屏幕截图中仍然可见。结果是：

---

张贴的样式只是一个示例，必须根据您的要求进行调整/优化。

我无法比较您提供的两张图片，因为第一张图片不清楚，请提供@Ahmedmad。我已更新了图片。非常感谢。这才是我真正需要的。