为了使我的标签角变圆,我使用以下代码:
.tab {
-fx-border-radius: 10 10 0 0;
-fx-background-radius: 10 10 0 0;
}
.tab:selected .focus-indicator {
-fx-border-radius: 10 10 0 0, 10 10 0 0;
}
Run Code Online (Sandbox Code Playgroud)
但是,我的行为很奇怪.创建新标签时,它会有一些额外的角落,当我更改焦点或创建新标签时,这些角落会消失.例如 - 我创建了第一个选项卡.

现在我创建第二个选项卡.第一个标签已经正常,但第二个标签有这个奇怪的角落.

我已经检查了centos和win7 - 行为是一样的.怎么解决?
编辑1
这是我的所有CSS文件.最终目标是使标题标题更大,圆角.
.tab:selected .focus-indicator {
-fx-border-radius: 10 10 0 0, 10 10 0 0;
-fx-border-insets: -7 -7 -9 -8, -5 -5 -9 -6;
}
.tab-pane > .tab-header-area > .headers-region > .tab:selected{
-fx-border-insets: 10 10 10 10, 10 10 10 10;
}
.tab-pane > .tab-header-area > .headers-region …Run Code Online (Sandbox Code Playgroud)