如何删除 JavaFX TabPane 上的边框？

Question

我有这个 css 样式 tabpane javafx:

.tab {
-fx-background-color:  #002f6c;
}

.tab-pane>*.tab-header-area>*.tab-header-background
{
-fx-background-color: -fx-outer-border, -fx-text-box-border, #002f6c;
}

.tab:selected {
-fx-background-color:  #0041a0;
}
.tab-label {
-fx-text-fill: #ffffff;
}

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator 
{
-fx-border-radius: 0px;
-fx-border-width: 0px 0px 0px 0px;
-fx-border-color: #4d1a4dff;
}

但我仍然无法摆脱标签附近的白色边框：

有人可以帮我吗？

Answer 1

白色边框效果是因为应用了背景颜色插图。tab-header-background。修改下面的代码应该可以解决问题。

.tab-pane>*.tab-header-area>*.tab-header-background {
  -fx-background-color: #002f6c;
  -fx-background-insets:0;
}

如何删除 JavaFX TabPane 上的边框？

How to remove border on JavaFX TabPane?

css

javafx

styling