Удалите серый bg за вкладками в JFX

Итак, есть ли способ удалить серое пространство за вкладками: example

Я пытался сделать это с помощью CSS, но не нашел, как это сделать.

Ответ 1

JavaFX имеет встроенный CSS-лист по умолчанию caspian.css. Пожалуйста, прочитайте это сообщение: fooobar.com/questions/480065/....
Чтобы изменить CSS по умолчанию, добавьте этот селектор в свой файл CSS и настройте его:

.tab-pane *.tab-header-background {
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
    -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
}

Ответ 2

Чтобы задать цвет фона заголовка вкладки в файле CSS:

.tab-pane .tab-header-area .tab-header-background {
    -fx-background-color: yellow;
}


Чтобы удалить границы, пишите:

.tab-pane .tab-header-area .tab-header-background {
    -fx-effect: null;
}


Чтобы удалить заголовок, полностью установите непрозрачность в 0:

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


Подробнее о панели вкладок стиля вы можете найти здесь:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tabpane