该问题是由 CSS 中的“will-change”属性引起的,这会导致子元素在计算布局时失去父元素的上下文,从而使子级出现奇怪的重绘问题。
解决方法是:将Hover样式添加到mat-menu中的触发按钮上,而不是添加到整个mat-menu上,这样避免了失去上下文的问题。
示例代码:
HTML: Menu Item 1 Item 2
CSS: .hover-btn:hover { background-color: rgba(0, 0, 0, 0.05); }
上一篇:Angular材料步进器之前选择更改和防止某些条件下的步骤更改
下一篇:Angular材料侧边导航模式不起作用。