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

Question

我有两个窗格 - 父窗格和子窗格。子窗格位于父窗格中。父窗格具有以下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，但它没有帮助。如何修复它，考虑到我不能向父级添加填充或向子级添加边距？

Answer 1

尝试将-fx-background-radius:4;添加到您的父面板（与边框相同的半径）

Answer 2

我考虑你的问题陈述我创建了样本fxml。

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

请参考下面的fxml文件。

vscode.window.showQuickPick(['$(diff-added) Add', '$(diff-removed) Remove'])

输出：