У меня есть несколько вопросов относительно кнопки mat-icon, mat-icon и mat-menu. ⇐ CSS

[Anonymous]

Я хотел сделать с этим значком следующее:

• Изменить цвет значка во время отображения меню
• Сделайте меню другим цветом.
• Отцентрируйте меню относительно значка.
• Сделайте меню немного более отделенным от значка.
• Сделайте меню немного более отделенным от значка.
  li>

Это html-файл:

Код: Выделить всё

account_circle


Login
Sign Up

Это CSS-файл:

Код: Выделить всё

.login-icon{
color: #94a1b2;
display: flex;
align-items: center;
transform: scale(2.6);
}

.icon-container{
display: flex;
justify-self: flex-end;
margin-right: 4rem;
}

Следующий код CSS:

Код: Выделить всё

.menu-item{
background-color: #94a1b2;
}

.menu{
background-color: #94a1b2;
}

Имеет такой результат
Тем временем этот код:

Код: Выделить всё

.login-icon:active{
color: #2cb67d;
}

Цвет значка меняется только при нажатии на определенную часть значка. Кроме того, я хотел знать, есть ли способ сохранить цвет значка, пока меню открыто.

Подробнее здесь: https://stackoverflow.com/questions/786 ... d-mat-menu