How to remove the blue color in selected tab pane

Question

I'm working on javafx project, I have a FXML interface where I put a tab pane, when I select a tab , the border of the selected button is colored in blue, but the style I want is to let the white color will add no border.

My image here has a blue outline.

to get this image

my Css code for styling Tab pane:

.tab
{
    -fx-background-color: #fbfbfb;
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
}
.tab:selected 
{
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-color: #fbfbfb;
    -fx-border-width: 0 0 3 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #ff9500 #c2c2c2
}
.tab-pane *.tab-header-background 
{
    -fx-background-color: #fbfbfb, #fbfbfb, #fbfbfb;
    -fx-border-width: 1 0 1 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
}

when I select a tab , the border of the selected button is colored in blue, but the style I want is to let the white color will add no border , I put two photos above . — Oussama, Feb 07 '16 at 23:26
@Oussama i don't know about '-fx-' friend can you please tell me what is it used for? — kanudo, Feb 07 '16 at 23:45

score 2 · Accepted Answer · answered Mar 28 '16 at 15:18

To find the default ‪stylesheet of tabPane‬, I looked for the file ‎jfxrt‬.jar in my computer, and I open it in an archiver like WinRAR to get ‪‎caspian‬.css at com/sun/javafx/scene/control/skin/caspian.css. With this knowledge, I can easily see what could be there that causes the issue. caspian.css is also available online, here is the a link to the JavaFX 2.2 version.

my need is the code below :

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
     -fx-border-style: segments(0.166667em, 0.166667em);
     -fx-border-width: 1;
     -fx-border-color: -fx-focus-color;
}

I changed the color -fx-focus-color: #0093ff; (blue color in selected tab)

score -1 · Answer 2 · answered Feb 07 '16 at 23:05

-1

Set the outline property to 0

.tab
{
   outline :0;
}

answered Feb 07 '16 at 23:05

kanudo

2,119
1
17
33

How to remove the blue color in selected tab pane

2 Answers2