JavaFX TabPane CSS : 删除蓝色选择区域

Question

我正在寻找 删除 JavaFX 中选定选项卡周围的蓝色选择区域 CSS。

这是我的问题

和我的CSS:

.tab-pane .tab-header-area .tab-header-background {
    -fx-opacity: 0;
}

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

.tab-pane .tab
{
    -fx-background-color: gray;
    -fx-background-insets: 0 1 0 1,0,0;
}

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


.tab .tab-label { 
    -fx-alignment: CENTER;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-font-family: "Arial Rounded MT Bold";
}

.tab:selected .tab-label { 
    -fx-alignment: CENTER;
    -fx-text-fill: white;    

}

感谢任何帮助。

Answer 1

尝试

.tab-pane:focused .tab:selected .focus-indicator {
    -fx-border-width: 0 ;
    -fx-border-color: transparent;
    -fx-border-insets: 0;
    -fx-border-radius: 0;
}

JavaFX TabPane CSS : 删除蓝色选择区域

JavaFX TabPane CSS : delete blue selection zone

css

java

tabs

javafx

selecteditem