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

Question

这是图片：我的背景是白色的（你可以看到两个不同按钮的两个角之间的小间隙）。我在那张图片中有 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;}