Css 制作JavaFX选项卡"；精选；样式与默认的“相同”；聚焦；风格

我想将默认的“焦点”样式选项卡应用于我选择的选项卡。我主要是想在标签周围保留一条蓝色的细线，不管用户是否关注标签，只要是他们选择的标签。我举了一个例子，当我专注于其他事情时，它现在是什么样子，当我专注于其他事情时，我希望它是什么样子

/*Overrides the default and removes the 10px padding from the left most tab */
.tab-pane:top *.tab-header-area {
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.416667em 0.166667em 0.0em 0.0em; /* overridden as 5 2 0 0 */
}

.tab-header-background {
-fx-background-color: transparent;
}

.tab-pane{
-fx-tab-min-width:90px;
}

.tab-pane .tab{
    -fx-background-insets: 0 0 0 0,0,0;
    -fx-background-color: #c6c6c6;
}

.tab-pane .tab:selected{
    -fx-background-color: #3c3c3c;
}

.tab .tab-label { 
    -fx-alignment: CENTER;
    -fx-text-fill: #828282;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

.tab:selected .tab-label { 
    -fx-alignment: CENTER;
    -fx-text-fill: #96b946;
}

---

在my

modena.css中，该选择器看起来像：

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    ...
}

只需在不使用
：聚焦的情况下使用即可：

.tab-pane > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-width: 1, 1;
    /*-fx-border-color: -fx-focus-color, -fx-faint-focus-color;*/
    -fx-border-color: red;
    -fx-border-insets: -4 -4 -6 -5, -2 -2 -5 -3;
    -fx-border-radius: 2, 1;
}

我真的去了那里，并与之切换，我不知道为什么我没有想到这一点。它工作得很好，谢谢！