css - matRipple 的背景颜色

标签 css angular angular-material

如果我使用 <span matRipple matRippleColor="red">Text</span> ,一切都变红了,我再也无法阅读我的文字了。

Stackblitz

有没有办法只让背景变红而不让文字变红?

最佳答案

您需要使用绝对位置和 z-index: 1 作为文本值

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

关于css - matRipple 的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59741060/

相关文章:

Angular Material : 'mat-dialog-content' is not a known element

css - 如何在 CSS 网格中使用 Angular Material 按钮

css - 使用 CSS 放大以光标为中心的图像

angular - 如何以 Angular 获取fromArray中的elementRef

具有双倍滚动内容的 Angular Material Sidenav

javascript - 创建空的 ag-grid 表

angular - 使用 Typescript 在 Angular 中忽略 GET 请求中未定义的属性集

css - 图库插件后面的下拉菜单

javascript - 在 css 中使用 `rotate()` 使聊天消息在聊天应用程序中向上增长?

jquery - 假光标的样式