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样式似乎存在一些舍入错误。您可以使用insets隐藏边框下的背景：

  -fx-background-insets: 5px;

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

1 个答案: