JavaFX - 边界半径＆lt; - ＆gt;背景颜色

Question

如果我将-fx-border-radius和-fx-border-width CSS添加到简单的GridPane，则在其角落中背景不会被“缩减”。

CSS：

.payload {
    -fx-hgap: 20px;
    -fx-padding: 40px;

    -fx-background-color: #2969c0;

    -fx-border-radius: 50px;
    -fx-border-width: 5px;
    -fx-border-color: black;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.8), 10, 0, 0, 0);
}

关于结果的图片：

我该如何解决这个问题？

Answer 1

您还需要添加radius属性以定义背景填充。否则它将为零值设置，如图所示。

您可以查看CSS规范here。

您只需添加-fx-background-radius属性：

.payload {
    -fx-hgap: 20px;
    -fx-padding: 40px;

    -fx-background-color: #2969c0;
    -fx-background-radius: 50px;

    -fx-border-radius: 50px;
    -fx-border-width: 5px;
    -fx-border-color: black;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.8), 10, 0, 0, 0);
}