首页 > 解决方案 > 是否有 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 属性,但都没有成功。我将不胜感激任何正确方向的指示。

先感谢您。

标签: cssjavafxfxmlscenebuilder

解决方案


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

* 
{
  -button-radius: 16px;
}

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


推荐阅读