Question

我正在尝试使用CSS在我的TabPane中添加选项卡之间的差距。我尝试了很多东西，但它似乎永远不是我想要的。我尝试了Insets，他们给了我空间，但他们也有一个更深的颜色。如果我可以使Insets透明，但保留空间，那就没问题了。我也尝试过填充，但我无法让它给我任何空间。我想创建一个5像素的差距。有谁知道如何实现这一目标？感谢。

编辑：

.Tab {
-fx-background-color: rgb(35,31,32);
-fx-font-size: 16pt;
-fx-border-color:-default-border-color;
-fx-border-width:1;
-fx-padding-right: 5px;
}

上面我尝试了填充，但它没有用。

.Tab .tab-label {
    -fx-background-color: transparent;
    -fx-alignment: CENTER;
    -fx-text-fill: -title-text-fill-color;

}

.Tab:selected .tab-label {
    -fx-background-color: transparent;
    -fx-alignment: CENTER;
    -fx-text-fill: -default-highlight;          
}

.tab-content-area {
    -fx-background-color: transparent;
}

.tab-pane *.tab-header-background {
    -fx-background-color: transparent;
    -fx-border-width:1;
    -fx-border-color: transparent transparent -default-border-color transparent;
}


.Tab:selected {
    -fx-background-color: transparent;
    -fx-border-width:1;
    -fx-border-color: -default-border-color -default-border-color transparent -default-border-color;
}

Answer 1

您可以使用-fx-padding而不是使用-fx-border-width:5px;，它看起来像填充并且工作正常。

如何在TabPane中的Tabs之间添加空格？

1 个答案: