Цвет фона для matRipple

Question

Если я использую <span matRipple matRippleColor="red">Text</span>, все становится красным, и я больше не могу читать свой текст.

Stackblitz

Есть ли способ сделать только красный фон, но не текст?

Answer 1

Вам необходимо использовать абсолютное положение и z-индекс: 1 для текстового значения

<span matRipple matRippleColor="red">
  <span style="position:absolute; z-index:1">Text</span>
</span>