如何在 TabPane 中的選項卡之間添加空格？

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-border-width:5px;代替-fx-padding -fx-border-width:5px; 它也看起來像填充並且工作正常。