我正在项目中使用带有图标的菜单组件。将鼠标悬停在菜单项上(例如:编辑)我想同时更改文本和图标颜色,像这样的东西。
但是我只能在鼠标悬停时提供背景颜色,但不能在鼠标悬停时更改文本颜色。
我尝试提供颜色:!important; ,但仍然没有结果。
这是stackblitz链接。
答案 0 :(得分:1)
穿上你的css男人!这是代码。
.mat-menu-item:hover{
color: blue;
}
答案 1 :(得分:1)
使用以下代码:
.mat-menu-item:hover{
background-color:grey;
color: purple;
}
.mat-menu-item:hover .mat-icon{
color: purple;
}
输出:
请参阅此处:https://stackblitz.com/edit/angular-gytsqs-hh8mtq?file=app/menu-icons-example.html
答案 2 :(得分:0)
使用简单的代码更改背景颜色。
a