У меня есть эта проблема. Я хочу изменить изображение на вкладке, выбранной в моем JFXTabPane. Я должен поместить зеленое изображение с белым фоном, но я не получаю это изменение изображения. Я попытался внести изменения с помощью CSS, но у меня возникают конфликты с областью вкладок и заголовком, изображение заметно поворачивается, если я применяю -fx-rotate:90
вкладка изменяет поворот изображения и вкладка тоже не видна зеленой рамкой .
#tabPrincipalPane{
-fx-tab-min-height: 5em;
-fx-tab-max-height: 5em;
-fx-tab-min-width: 0.5em;
-fx-tab-max-width: 0.5em;
-fx-background-color:white;
}
/*Verde #4FAF3C*/
.tab .tab-label{
/*-fx-rotate: 90;*/
-fx-background-color: transparent;
-fx-aligment: center;
-fx-text-fill: green;
}
.tab{
-fx-pref-height: 100;
-fx-background-color: #4FAF3C;
-fx-background-insets: 0.0;
-fx-background-radius: 0.0;
-fx-padding: 0 23 0 25;
}
.tab:selected{
-fx-background-color: white;
-fx-background-radius: 0;
-fx-background-insets: 0;
-fx-border-width: 5 0 0 0;
-fx-border-color: #4FAF3C;
}
.tab:focused{
-fx-focus-color: transparent;
}
/*.tab-pane *.tab-header-background{
-fx-focus-color: transparent;
}*/
/*
*/.tab-pane:left *.tab-header-area{
-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;
}
.jfx-tab-pane .headers-region {
-fx-background-color: white;
}
.jfx-tab-pane .tab-header-background {
-fx-background-color: #4FAF3C;
}
.jfx-tab-pane .tab-selected-line {
-fx-background-color: transparent;
}
.jfx-tab-pane .tab-header-area .jfx-rippler{
-jfx-rippler-fill:white;
-fx-cursor:hand;
}
/*#tabHome{ <-tab id in my jfxtabpane
-fx-background-image: url("../images/enter_white48px.png");
-fx-background-repeat: no-repeat;
-fx-background-position: center;
-fx-rotate: 90;
}
#tabHome:selected{
-fx-background-repeat: no-repeat;
-fx-background-position: center;
-fx-background-image: url("../images/enter_48px.png");
-fx-rotate: 90;
}*/