1

I'm looking for deleting the blue selection zone around a selected tab in JavaFX CSS.

Here is my problem

image

And my 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;    

}

Any help is appreciated.

jewelsea
  • 150,031
  • 14
  • 366
  • 406
Halcoaching
  • 47
  • 5
  • Related (but different): [How do I remove the default border glow of a JavaFX button (when selected)?](https://stackoverflow.com/questions/6092500/how-do-i-remove-the-default-border-glow-of-a-javafx-button-when-selected) – jewelsea Jan 04 '22 at 22:10

1 Answers1

3

Try

.tab-pane:focused .tab:selected .focus-indicator {
    -fx-border-width: 0 ;
    -fx-border-color: transparent;
    -fx-border-insets: 0;
    -fx-border-radius: 0;
}
James_D
  • 201,275
  • 16
  • 291
  • 322