JavaFX - Grenzradius <-> Hintergrundfarbe

Question

Wenn ich -fx-border-radius und -fx-border-width CSS zu einem einfachen GridPane hinzufüge, wird der Hintergrund in seiner Ecke nicht "abgeschnitten".

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

Das Bild über das Ergebnis:

Wie kann ich dieses Problem beheben?

Answer 1

Sie müssen auch die radius -Eigenschaft hinzufügen, um die Hintergrundfüllung zu definieren. Andernfalls wird ein Nullwert angenommen, wie in Ihrem Bild gezeigt.

Sie können die CSS-Spezifikationen here überprüfen.

Sie müssen nur die -fx-background-radius Eigenschaft hinzufügen:

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