Java CSS-圆形边框看起来像两个重叠的按钮

图片如下：

我的背景是白色的（你可以看到两个不同按钮的两个角之间的小间隙）。我在那张照片上有4个按钮，不是8个重叠的

按钮的背景都是黑色的，边框是白色的。按钮的高度为40像素

我希望按钮有圆角，而不是黑框。该窗口正在Java上运行

以下是CSS代码：

.button{
-fx-font-size: 12pt;
-fx-text-fill: #ffffff;
-fx-background-color: #000000;
-fx-border-radius: 20px;
-fx-border-color: #ffffff;
-border: 0px;
}

---

假设应用于

按钮的唯一样式是您定义的规则，设置
-fx background radius
属性就足够了。按钮角落的白色“点”让我怀疑这一点

但以下各项应达到预期的性能：

@Override
public void start(Stage primaryStage) {
    VBox vbox = new VBox();
    vbox.setStyle("-fx-background-color: blue;");

    for (int i = 0; i < 4; i++) {
        Button button = new Button(Integer.toString(i));
        button.getStyleClass().setAll("button");
        vbox.getChildren().add(button);
    }

    Scene scene = new Scene(vbox);
    scene.getStylesheets().add("style.css");
    primaryStage.setScene(scene);
    primaryStage.show();
}

假设应用于
按钮的唯一样式是您定义的规则，设置
-fx背景半径
属性就足够了。按钮角落的白色“点”让我怀疑这一点

但以下各项应达到预期的性能：

@Override
public void start(Stage primaryStage) {
    VBox vbox = new VBox();
    vbox.setStyle("-fx-background-color: blue;");

    for (int i = 0; i < 4; i++) {
        Button button = new Button(Integer.toString(i));
        button.getStyleClass().setAll("button");
        vbox.getChildren().add(button);
    }

    Scene scene = new Scene(vbox);
    scene.getStylesheets().add("style.css");
    primaryStage.setScene(scene);
    primaryStage.show();
}

您能提供该窗口的所有css吗？请提供一个演示该问题的示例。谢谢大家，问题已解决（-fx背景半径已添加）。图像中的窗口没有应用css，因此所有内容都设置为默认值（因此按钮后面可以看到白色背景，在fabian的示例中，背景是蓝色的）。您可以提供该窗口的所有css吗？请提供一个示例来说明问题。谢谢大家，问题已经解决（-fx背景半径已添加）。图像中的窗口没有应用css，因此所有内容都设置为默认值（因此按钮后面可以看到白色背景，在fabian的示例中，背景为蓝色）非常感谢您的帮助！是-fx背景半径帮助删除了多余的角并使按钮看起来非常圆谢谢您的帮助！是-fx背景半径帮助删除了多余的角并使按钮看起来非常圆