Цвет плоской кнопки меняется после нажатия и возвращается к нормальному цвету только после размытия

Question

У меня есть кнопка с плоской матовой поверхностью, цвет фона которой светло-синий. Когда на него нажимают, появляется какое-то всплывающее окно в соответствии с моим требованием. Я заметил, что цвет фона кнопки становится темнее, когда я нажимаю. После того, как я закрыл это всплывающее окно, цвет фона плоской кнопки должен стать нормальным, голубым. Но этого не происходит, и цвет фона кнопки все еще находится в затемненном режиме. Этот нормальный цвет фона становится нормальным светло-голубым, только если я выполнил синее событие мыши. Почему это происходит для коврика с плоской кнопкой? Я новичок в Angular, и я пытался решить эту проблему без удачи. Есть ли альтернативный способ добиться этого?

Спасибо.

Answer 1

Это от материального дизайна. У вас есть больше статуса. Иметь фокус, зависание, активный (et c ..) статус. Этот цвет фона указывает на активный фокусированный элемент. Когда вы нажимаете кнопку, и диалоговое окно открывается, фокус перемещается в диалоговое окно, а когда диалоговое окно закрывается, фокус возвращается к кнопке. Вот почему ваша кнопка работает так странно. Этот цвет фона происходит от цвета темы. Вы можете изменить это поведение с помощью некоторых css правил.