JavaFX - 邊框半徑<->背景顏色

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); 
}