html - 角度材质动画 - matRipple：转义 div 元素的边界

Question

我刚刚将 matRipple 属性添加到我的 div 中，例如：

<div matRipple class='icon-wrapper'>
  ...
</div>

红色边框是 div 元素的实际大小。如您所见，波纹动画逃脱了 div 元素的边界。如何隐藏溢出的波纹动画？overflow: hidden没有效果。

标签： htmlcssangularangular5angular-material2

Answer 1

.icon-wrapper {
    overflow: hidden;
    position: relative;
}

问题链接