是否有JavaFX CSS属性将节点的背景设置为边框的大小/形状？

问题描述

我正在使用SceneBuilder，JavaFX和IntelliJ制作桌面应用程序。我在使用JavaFX CSS属性时遇到麻烦。我似乎无法获得背景半径来填充按钮的边框。这就是我的按钮。

这是我的.css样式表。

.button {
  -fx-text-fill: #ffffff;
  -fx-border-width: 3px;
  -fx-border-style: solid;
  -fx-border-color: #8c8b8b;
  -fx-background-color: #454545;
  -fx-background-radius: 50%;
  -fx-border-radius: 50%
}

我已经阅读了很多JavaFX CSS文档，但不确定是否可以找到解决此问题的方法。我也尝试了大多数JavaFX CSS属性，但是没有运气。我希望能有正确方向的指点。

谢谢。

解决方法

您可以将像像素这样的硬编码单位与变量结合使用

* 
{
  -button-radius: 16px;
}

.button
{
  -fx-background-radius: -button-radius;
  -fx-border-radius: -button-radius;
}