JavaFX:按钮边框上的背景溢出

Question

我有一个带有自定义 CSS 的按钮。白色背景溢出并且可以看到黑色边框(如 picture 中所示)。

我不确定如何解决这个问题，因为我只对 CSS 的网络版本有经验。

感谢您的帮助!

.root {
 -fx-font-family: verdana;
 -fx-background-color: rgb(16, 118, 252);

}

#head {
  -fx-font-size: 30;
  -fx-fill: black;
  -fx-font-weight: bold;
}

.button {
  -fx-background-radius: 50;
  -fx-border-radius: 25px;
  -fx-text-fill: black;
  -fx-background-color: white;
  -fx-font-size: 25;
  -fx-border-style: solid;
  -fx-border-color: black;
  -fx-border-width: 5px;
}

#footer {
  -fx-font-size: 18;
}

Answer 1

...-radius 样式似乎存在一些舍入错误。 您可以使用插图隐藏边框下的背景:

  -fx-background-insets: 5px;