Я пытаюсь изменить серую область в этом проекте JavaFX, над которым я работаю. Я могу изменить все, но не серую область на стороне TabPane.
Я не уверен, что, скажем, файл CSS должен быть установлен в каком-то определенном порядке, или, может быть, я просто что-то здесь упускаю.
Вот мой код:
#tabPane {
-fx-background-color: #94C5E3;
-fx-tab-min-height: 64;
-fx-tab-max-height: 64;
-fx-tab-min-width: 64;
-fx-tab-min-width: 64;
-fx-padding: 0 -1- -1 0
}
.tab .tab-label {
-fx-background-color: transparent;
-fx-alignment: CENTER;
-fx-text-fill: #627796;
}
.tab{
-fx-background-color: #b5e4f6;
-fx-pref-width: 100;
-fx-background-insets: 0.0;
-fx-background-radius: 0.0;
-fx-padding: 0 30 0 30;
}
.tab:selected
{
-fx-background-color: #94C5E3;
-fx-background-radius: 0;
-fx-background-insets: 0;
-fx-border-width: 1 0 1 0;
-fx-border-height: 1 0 1 0;
-fx-border-color: transparent;
}
.tab:focused
{
-fx-background-color: #94C5E3;
-fx-focus-color: transparent;
}
.tab-tabPane *.tab-header-area .tab-header-background {
-fx-opacity: 0;
-fx-background-color: #b5e4f6;
}
.tab-pane:left *.tab-header-area
{
-fx-background-color: #94C5E3;
-fx-background-insets: 0, 0 0 10;
-fx-padding: 0.0em 0.0em 0.0em 0.0em;
}
.tab:selected .focus-indicator
{
-fx-focus-color: transparent;
-fx-border-color: transparent;
}
А вот как это выглядит: