Проблемы с текстом и размером вкладки JavaFX

Question

В настоящее время есть несколько проблем с таблицами стилей JavaFX и CSS.Мне бы хотелось, чтобы текст выбранной вкладки был черным, а невыбранные вкладки - белым.Я смог добиться того, чтобы цвет фона активной вкладки был темно-синим, чем у остальных, но все еще имел неудобную область вокруг вкладок.

Вот приложение, когда оно открывается впервые: Первое открытие

Вот приложение, когда я нажимаю на вкладку: Первый щелчок

На втором изображении текст полностью теряется вцвет фона.Если бы вы могли помочь мне избавиться от пространства вокруг самих вкладок, это тоже было бы здорово!

Вот мой CSS-файл:

/*main.css*/

/*set individual tab properties*/
.tab {
    -fx-background-color: #1c6fb8;
    -fx-font: 16px "Helvetica Neue" ;
    -fx-background-radius: 0;
}

.tab-label {
    -fx-text-fill: #fff;
}

.tab:focused .tab-label {
    -fx-text-fill: #000;
}

.tab-header-background {
    -fx-background-color: #1c6fb8;
}

.tab-pane {
    -fx-tab-min-width:120px;
    -fx-tab-max-width:120px;
    -fx-tab-min-height:50px;
    -fx-tab-max-height:50px;
    -fx-background-color: #15558c;
}

.tab:selected {
    -fx-text-fill: #000;
    -fx-background-color: #15558c;
}

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-background-color: #15558c;
}

Заранее спасибо!

Answer 1

Код ключа:

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

.tab:selected .tab-label 
{ 
    -fx-text-fill: #000;
    -fx-background-color: #15558c;
}

Полный код:

.tab {
    -fx-background-color: #1c6fb8;
    -fx-font: 16px "Helvetica Neue" ;
    -fx-background-radius: 0;
}

.tab-label {
    -fx-text-fill: #fff;
}

.tab:focused .tab-label {
    -fx-text-fill: #000;
}

.tab-header-background {
    -fx-background-color: #1c6fb8;
}

.tab-pane {
    -fx-tab-min-width:120px;
    -fx-tab-max-width:120px;
    -fx-tab-min-height:50px;
    -fx-tab-max-height:50px;
    -fx-background-color: #15558c;
}

/*.tab:selected {
    -fx-text-fill: #000;
    -fx-background-color: #15558c;
}*/

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

.tab:selected .tab-label { 
    -fx-text-fill: #000;
    -fx-background-color: #15558c;
}

Первое открытие:

Первый щелчок: