Angular - Фокус кнопки теряется при переключении назад и вперед между windows

Question

У меня есть панель инструментов кнопок, которые по умолчанию серого цвета, но при нажатии на одну кнопку эта кнопка становится белой, чтобы указать, что это страница, на которой вы находитесь. Это достигается с помощью класса и ниже css.

.btn-details:focus {
      color: #fff;
 }

Это прекрасно работает, за исключением случаев, когда я изменяю windows, а затем go назад. Например, если у меня есть открытая страница, она работает, найдите, затем я переключаюсь в окно Excel, а затем возвращаюсь на мою страницу, белая подсветка исчезла. Как удерживать кнопку в фокусе, даже если окно изменилось?

Answer 1

К сожалению, я думаю, вам нужно уделить время, чтобы сосредоточиться на том, как работает CSS.

Вы используете: селектор фокуса. Знайте, что он делает то, что вы просили. Если кнопка теряет фокус и ваш стиль больше не держится. Я думаю, это именно то, что происходит, когда вы используете другие приложения.

Я советую вам добавить класс CSS для нажатой кнопки и удалить этот же класс для других кнопок.

Если у вас возникли трудности с реализацией этого, пожалуйста, возвращайтесь ко мне. Я бы сделал небольшой пример в зависимости от вашего уровня.

До скорой встречи!