如果为mat-tab-group设置了[backgroundColor]属性，则子控件的涟漪效果将丢失

Question

如果为mat-tab-group设置了[backgroundColor]属性，则子控件会失去波纹效果，是否有任何解决方法？？

Check this Stackblitz example to see the Issue

Answer 1

波纹效果有效，但是我们无法看到它，因为ripple color是白色的。它采用白色，因为您已将backgroundColor设置为原色，而您的原色是蓝色，具有前景白色。波纹会自动采用此前景色。

您可以通过两种方法解决它

1. 如果您的matRippleColor设置为深色（在您的情况下，它是主色和警告色），则为backgroundColor属性提供颜色。

      <div class="div-style mat-elevation-z4" matRipple matRippleColor="rgba(0,0,0,.1)>Ripple</div>
   
   

2. 通过设置指示灯backgroundColor。在您的情况下，其accent。