Кнопка «Сохранить»: фокус при изменении вкладок в панели вкладок

Question

В настоящее время у меня есть два меню.Одна панель вкладок, а другая VBox кнопок.Используя селектор psuedo, я могу сделать так, чтобы вкладки меняли CSS при выборе.Вот один пример.

.tab.log {
    -fx-background-image: url("../images/log.png");

}
.tab.log:selected {
    -fx-background-image: url("../images/logActive.png");
}

Я могу достичь аналогичной функциональности с помощью кнопок с этим CSS:

.battleButton {
    -fx-background-image: url("../images/battle.png");=
}

.battleButton:focused{
    -fx-background-image: url("../images/battleActive.png");=
}

Проблема с изменением вкладок убирает: фокус с кнопок- как можно остановить это поведение?

Спасибо

Answer 1

Решено с ToggleButtons, совместно использующими ToggleGroup.