Child pane css style when parent pane has -fx-border-radius in JavaFX

Question

I have two panes - parent pane and child pane. Child pane is inside parent pane. Parent pane has the following css rules:

-fx-border-color:derive(-fx-background, -35%);
-fx-border-width:1;
-fx-border-style:solid;
-fx-border-radius:4;

Child pane has the following css rules:

-fx-background-radius:25;

And this is one of the corner:

As you see the corner is a little pale - I mean parent border is not well seen in the very corner (left bottom corner). To solve this problem I added to child -fx-background-radius:25 however it didn't help. How to fix it, taking into consideration I can't add padding to parent or margin to child?

Answer 1

try adding: -fx-background-radius:4; to your parent panel (same radius as border)