当父窗格在JavaFX中具有-fx-border-radius时，子窗格css样式

Pavel_K：

我有两个窗格-父窗格和子窗格。子窗格位于父窗格内部。父窗格具有以下css规则：

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

子窗格具有以下CSS规则：

-fx-background-radius:25;

这是角落之一：

如您所见，拐角处有些苍白-我的意思是父边界在拐角处（左下角）看不到。为了解决这个问题，我添加了孩子，-fx-background-radius:25但没有帮助。考虑到我无法在父级中添加填充或在子级中添加边距，如何解决？

Dhiraj：

考虑到您的问题陈述，我创建了示例fxml。

我没有做任何特别的事情，但是按预期工作

请参考下面的fxml文件。

<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8">
   <children>
      <Pane layoutX="129.0" layoutY="72.0" prefHeight="300.0" prefWidth="300.0" style="-fx-border-width: 1; -fx-border-style: solid; -fx-border-radius: 4; -fx-background-color: derive(-fx-background, -35%); -fx-background-radius: 4;">
         <children>
            <Pane layoutX="1.0" layoutY="213.0" prefHeight="86.0" prefWidth="298.0" style="-fx-background-radius: 4; -fx-background-color: white;" />
         </children>
      </Pane>
   </children>
</AnchorPane>

输出：